使用vue-cli打包好的项目放到tomcat下,新建一个目录存打包好的文件,发现报js、css路径错误。

vue-cli打包后运行报路径错误

解决方案:

1.打开config文件夹下的index.js文件,index.js文件有两个assetsPublicPath熟悉,build里面的assetsPublicPath属性,把 assetsPublicPath: '/'修改为 assetsPublicPath: './'  

vue-cli打包后运行报路径错误

2.改好之后使用运行 npm run build 重新打包项目,把打包好的文件放到tomcat下的 webapps\ROOT\demo 目录下。

vue-cli打包后运行报路径错误

3.刷新浏览器即可看到页面可以正常显示。

vue-cli打包后运行报路径错误


相关文章: