一、打包放入Tomcat的webapp中无法访问报404问题
原因:不进行任何修改将dist文件夹放进去的话,会出现资源路径错误的问题,因为config文件夹下index文件build默认的 assetsPublicPath:"/",除非部署的时候将dist文件里的文件放在webapps下,这样就很不科学。
正确部署流程:
1.在vue.config.js文件中添加如下代码,最主要是publicPath
//打包文件
assetsDir: 'static',
parallel: false,
publicPath: './',
2.在路由配置文件中router下的index.js中添加base:'/xxxx',/xxxx为在Tomcat的webapps下创建的文件夹名称,要对应。
之后npm run build打包生成dist,将其中文件放入webapps中所建文件夹。 到此没有进行跨域的部分都可正常运行了
二、Vue开发时使用跨域访问,Tomcat无法访问
原因:Vue配置的代理仅在本地开发下有效
解决方法:
- 在nginx中进行配置代理
- 后端配置跨域
- 或者直接将文件夹里关于跨域部分注释掉,生成dist(方法有效)