【Vue3】解决Vue打包后上传服务器 资源路径加载错误

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

你可能感兴趣的:(vue.js,前端,javascript)