当前位置:首页 > 编程笔记 > 正文
已解决

【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 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!