平时我们打包vue项目，直接npm run build
如果项目中配置了不同环境打包
那就npm run build--test 或者npm run build --prod
这样打包的项目，直接放到服务器根路径下面，是没什么问题的
但是如果遇到我们的项目，不是服务器的根路径，而是还有一层文件夹的情况，如果继续向之前那样打包，会出现页面打包后的js,css,image等等出现404的情况
解决方法如下
image.png
这样打包之后，我们dist文件夹中的index.html中的路径就会多一级
image.png
然后我们就可以正常访问测试和正式地址
http://www.baidu/test/ 测试地址
http://www.baidu/ 正式地址
平时我们打包vue项目，直接npm run build如果项目中配置了不同环境打包那就npm run build-...
新建Vue项目webpack打包，部署到Linux服务器Tomcat上。 2，在Linux服务器下的Tomcat的...
vue打包 dist src文件夹及index.html打包到服务器 获取nginx镜像 配置nginx 项目根目...
Vue项目webpack打包部署到服务器 必须要配置的就是/config/index.js 在vue-cli we...
最近要把Vue项目部署到服务器上，在测试好的项目中执行npm run build就开始打包了。但是每次只能打包到一...
根目录部署vue打包dist vue项目打包为dist，默认访问服务器绑定的域名，需要配置80端口,配置位置多默认...
npm run build打包后的dist文件发布到服务器上之后，用服务器路径结合vue路由打开网页，发现浏览器控...
简述 vue项目打包后发给后台部署到后台服务器上，出现了很多问题，在此做一些总结 环境前台：build打包后的di...
使用vue-cli生成的项目，打包方式是直接执行package.json里配置的脚本 如果发布到服务器资源，该静态...
第一部：避坑前期 今天打算将本地vue项目打包到服务器nginx部署，部署后发现不能请求到数据，提示跨域问题 但是...
本文标题：vue打包到服务器二级域名
本文链接：https://www.haomeiwen.com/subject/zjylihtx.html
网友评论