看了很多其他大佬的文章,我这边做了一个笔记记录了一下vue打包二级目录的方法
我们想要的效果是什么
我们想www.taobao.com/web二级目录来访问我们的页面
如果我们没有做任何的配置,直接将打包的dist文件放在web下
像这样。
我们页面访问是空白的原因就是因为打包后的文件是从根目录开始找的,也就是会在www.taobao.com下面去找资源文件,而我们的资源在web下
最终我们前端要做的就是打包出来的dist文件里面的index.html访问路径是这样的
vue2.0 vue3.0都有用vue-cli-service打包的,具体基于什么可以看下官方介绍
解决方法一 在vue.config.js里面添加const BASE_URL = process.env.NODE_ENV === 'production' ? '/web' : '' module.exports = { pu