vue打包到服务器二级域名

平时我们打包vue项目,直接npm run build
如果项目中配置了不同环境打包
那就npm run build--test 或者npm run build --prod

这样打包的项目,直接放到服务器根路径下面,是没什么问题的
但是如果遇到我们的项目,不是服务器的根路径,而是还有一层文件夹的情况,如果继续向之前那样打包,会出现页面打包后的js,css,image等等出现404的情况
解决方法如下


vue打包到服务器二级域名_第1张图片
image.png

这样打包之后,我们dist文件夹中的index.html中的路径就会多一级


vue打包到服务器二级域名_第2张图片
image.png

然后我们就可以正常访问测试和正式地址
http://www.baidu/test/ 测试地址
http://www.baidu/ 正式地址

你可能感兴趣的:(vue打包到服务器二级域名)