vue3 打包后,直接打开index.html报错

vue3打包后的index.html直接打开就报错了,咋解决,网上说的route改成hash,publicPath有静态资源改成‘./’都没效果

img

img

img

好像能打开了,就是publicPath设置成‘./’就行了

可以下载个nginx简单学一下nginx,本地启动80端口作为服务器

1.查看路径是否是相对路径 publicPath:'./'
2.查看 axios baseURL 是有请求路径
应该就可以了 如果不行 再留言

双击打开肯定是不行的,主要里面的路径就会出现加载不出来,建议配合nginx,将dist文件夹上传到linux里面,配置nginx.conf将静态目录设置成dist,默认静态文件是index.html,重启nginx,访问对应的地址ip:端口即可

/代表根目录 如何你想本地访问index文件可以启一个本地服务访问 当然改成./就能正常访问了 如果你用vscode 的话你可以下个插件 Live Server 可以给你启动一个本地开发服务

修改下publicPath就可以了publicPath: process.env.NODE_ENV === 'development' ? '/' : './'

img

路径设置好了就应该没问题吧,看看是不是其他不对啊

可以看:https://blog.csdn.net/weixin_45526437/article/details/124240605