已解决
【Vue3】解决Vue打包后上传服务器 资源路径加载错误
来自网友在路上 11118111提问 提问时间:2023-11-24 01:01:00阅读次数: 111
最佳答案 问答题库1118位专家为你答疑解惑
问题:
我这里在打包Vue之后将
打包后的dist 上传至服务器站点根目录内子目录 名为 "adminstore" ,
但是当我通过域名打开站点后发现 资源加载路径内并没有携带 子目录 "adminstore" 文件名称
错误:http://your website domain/js/app.5738021f.js
正确:http://your website domain/adminstore/js/app.5738021f.js
原因:在Vue项目中,如果打包后的文件放在了站点根目录的子目录下,而资源的寻找路径却是基于站点根目录,可能会导致资源加载错误
解决方法:
在Vue项目的 "vue.config.js" 文件内 使用 “publicPath” 属性告诉他 打包你的子目录文件名
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({publicPath: '/adminstore/'
})
查看全文
99%的人还看了
猜你感兴趣
版权申明
本文"【Vue3】解决Vue打包后上传服务器 资源路径加载错误":http://eshow365.cn/6-42132-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!
- 上一篇: Nuxt.js Next.js Nest.js
- 下一篇: 【C/PTA】函数专项练习(四)