vue cli3中沒有config


const path = require('path');
const resolve = (dir) => path.join(__dirname, dir); // 給public路徑添加別名
 
module.exports = {
  publicPath: '/app/', // base目錄,等同於router.js的base字段
  assetsDir: "static", // 打包后靜態資源目錄,注意public文件下目錄(別名)配置,index.html的icon路徑
  devServer: {
    open: true,
    host:"localhost",
    port: 8080,
    https: false,
    proxy: {
      "/apis": {
        target: "http://192.168.0.183:8001/api", //目標主機
        ws: true, //代理的WebSockets
        changeOrigin: true, //需要虛擬主機站點
        pathRewrite: {
          "^/apis": ""
        }
      }
    },
    before: app => {
      // 執行前操作,可以在此添加mock數據。與proxy代理不可並用
      app.get('/api/test', function (req, res) {
        let data = require('./src/mock/test.json')
        res.json(data)
      })
    }
  },
  productionSourceMap: false, // 生產環境map文件
  chainWebpack: config => {
    // 添加別名(src默認為@,不用再次添加)
    config.resolve.alias
      .set('@pub', resolve('public')) // 設置public別名為@pub
  },
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      // 為生產環境修改配置...
    } else {
      // 為開發環境修改配置...
    }
  }
}

在根目錄創建vue.config.js 添加以上代碼


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM