vuecli3.3 以上版本 域名二级目录配置问题
发布于 2个月前 作者 fangyu2017 609 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

vuecli3.3 以上 history模式下项目打包 部署在域名二级目录
静态资源引用cnd地址, 部署完成之后页面地址二级目录变成 vue.config.js 配置 pablicPath 请问哪位大神有解决方法么

17 回复

publicPath 改成你cdn地址

@ab8512 route.js里已配置 base: /域名的二级目录/ vue.config.js 如果pablicPath 配置了cdn的地址 那访问网址就会变成 域名 + cdn地址 + 路由

@ab8512 比如在 www.baidu.com/web 部署项目 我把 route.js 设置 base: ‘/web/’ vue.config.js里设置 publicPath: 'www.static.com/assets’, 打包部署之后 访问 www.baidu.com/web 页面就会重定向到 www.baidu.com/www.static.com/assets/路由名

@ab8512 能看下你 vue.config.js 的完整配置么

@ab8512 你这个是 cli2.x的webpack 配置吧

@fangyu2017 2.X 3.X 都是一样的, 换汤不换药

@ab8512 QQ20200225-155808@2x.png 你这里的publicPath 指的就是cdn 地址吧, 你的这个项目是配置在域名的二级目录下么?

@ab8512 能加下你的微信么

@ab8512 我说的这个问题是项目配置到 域名的二级目录下, 在 route.js 是应该配置一个 base: /二级目录名称/
vue.config.js 里设置 publicPath: 完整cdn地址

这个时候访问网址的时候 出现 cdn地址 成了域名下的二级目录

@fangyu2017 publicPath加https也会拼接吗? 我这边还没试过这种…

问题已解决 , 在改写 vue.config.js 里的publicPath 时, route.js 里的base 设置 不要使用 环境变量的默认 BASE_URL 就可以

回到顶部