问题:
我这里在打包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/'
})