使用vue时需要注意的地方

1、使用 npm run build打包后部署到网站上,打开默认页面是一个空白页

解决方法:修改config文件夹下的index.js文件中的assetsPublicPath配置项,默认是'/',将其改成'./'即可,然后重新打包



2.打包发布部署到网站后,打开网址会进入默认页,这个没问题,但是按F5刷新后,页面不见了


这是因为路由模式我们选择了 html5的 mode模式,注释掉mode模式重新打包就可以了


3、跨域问题

由于我的开发环境问题,我本地调试调用api一直会报跨域错误,发布后调用不会,其他同事都不会,我试了各种方法,最后选择了关闭浏览器(谷歌)的跨域检查,如下图,在目标后面加上--disable-web-security --user-data-dir



2018-4-18更新

4.去除url中的#

项目完成,但访问的是后网址里会带上#号,十分影响美观,查了查,是上面关闭history模式的锅,但是开启history,刷新页面就会报404

解决方法是开启history模式,并且在IIS上安装url重写工具,之后做一些配置

具体配置我就不写了,请参考其它文章

https://www.cnblogs.com/shijunLiu/p/6164449.html


未完待续.......

后面在开发过程中如果遇到问题,会陆续记录下来



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值