vue-cli 3.3.0 + vant + 部署 中出现的问题

(一)1. 使用vant开发webapp,使用vant方法npm i vant -S (或者 yarn add vant)

           2. 在main.js中import 'vant/lib/index.css'   以button为例,若向全局引入,因为基本每个页面都需要按钮,

             在main.js中  import { Button } from 'vant'  Vue.use(Button)     若想要在单个页面引入,则需要在相应的vue页面引入

(二) vue脚手架,开发,生产环境配置,当yarn run serve默认是开发development环境,其中配置在vue.config.js,设置const devProxy = ['/api'],它主要是为了便于在不同环境下请求进行跨域,当build后,/api就不具有作用,因为build只是静态资源的打包,所以需要在main.js中写一个全局变量         

https://blog.csdn.net/qq_37983691/article/details/77823384     根据这位作者写的,获得思路,很实用,可参考

(三)部署时,出现404,静态资源路径问题,如果刷新时出现猫的话,因为我路由使用的是history模式,默认hash,我改成hash,不好之处是地址栏会出现#,若不想出现,就设置history模式,这就需要nginx设置

我参考的博客: https://www.jianshu.com/p/f10185410770

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值