vue3.x部署到tomcat和部署在github在线访问路径问题

vue3.x npm run build后

dist里面文件

接着我把这个dist 放在tomcat下发现访问报错

于是我在vue.config.js改了这个 /位./

结果访问可以但是跳转报找不到js我发现路径问题于是我换成/dist/就可以启动了

我把项目上传到github上面然后设置了在线访问 参考搜索github设置在线访问

 

访问url发现报...js路径不对

于是我在浏览器输入那段地址发现前面少了个项目名称

在baseUrl: './'改为/项目名称/打包的名称/就行了

 

注意是baseUrl路径问题  找不到对应的js和css f12控制台看看处理下就好了

 

参考这篇文章 React/Vue 项目在 GitHub Pages 上部署时资源的路径问题 https://www.jianshu.com/p/b9062bc5f234