处理文件路径问题

src/components/ImageUpload/index.vue

@@ -152,12 +152,13 @@ export default {
     },
     //自定义上传方式(自带的成功回调及失败回调会失效)
     uploadImage(fileObj){
+      console.log(window.origin,'URL')
       let formData = new FormData();
       formData.append('file',fileObj.file);
       upload(formData,'image').then(res=>{
         /*上传成功*/
         this.$modal.closeLoading();
-        let imgUrl = process.env.VUE_APP_BASE_API + res.data.url;
+        let imgUrl = process.env.NODE_ENV === 'development'? process.env.VUE_APP_BASE_API + res.data.url :window.origin + res.data.url;
         let arr = [];
         arr.push({ name: res.data.name, url: imgUrl})
         this.fileList = arr;

vue.config.js

@@ -20,7 +20,8 @@ module.exports = {
   // 部署生产环境和开发环境下的URL。
   // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
   // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
-  publicPath: process.env.NODE_ENV === "production" ? "./" : "./",
+  publicPath:"./",
+
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
   outputDir: 'dist',
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）