vue打包后路径报错,vue项目打包部署后打开错误

　　本文主要介绍了vue项目打包部署后默认路由不正确的解决方法，有很好的参考价值，希望对大家有所帮助。如有错误或不足之处，请不吝赐教。

打包部署后默认路由不正确

　　例如，当vue项目在本地开发时，默认的路线就可以了

　　重定向：“/index”

　　但是，部署后，服务器上的默认路由不正确。现在问题是默认会跳转到登录页面，前提是项目没有路由权限。

　　打开routing index.js文件并添加：base:“/”

　　常量路由器=新路由器({

　　模式：“历史”，

　　基础：“/”

　　})

　　再次打包发布到服务器，找到问题的解决方案。

　　1.检查package.json文件的脚本命令。

　　2.打开webpack.dev.conf.js文件，找到公共路径：config.dev.assetspublicpath，按住Ctrl点击跳转到index.js文件。

　　3.其中dev是开发环境，build是构建版本，在build下找到assetsPublicPath:“/”，然后修改为assets public path:“”。/，即在“/”前加一个点。

　　4.终端可以运行npm run build。

　　项目目录构建文件夹utils.js

　　vue-cli scaffold package.json配置文件

　　browserslist: [

　　 1%,

　　最近5个版本，

　　Android=4.0 ，

　　不是ie=8

　　]

　　如果favicon.ico在打包的dist-static下，根据生成的图像路径配置index.html的favicon路径

　　链接类型=favicon rel=快捷图标 href=。/static/favicon . ico rel= external no follow /

　　当v-bind绑定img标签中的src属性时，vue会把相对地址解析成一个字符串，而不是一个路径，所以图片无法正常显示。

　　` tab-bar-item v-for=i in 4

　　img slot= item-icon :src= require(。/assets/img/tabbar/ tabbaricon[I-1]。SVG)) alt=

　　/tab-bar-item `条

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。