Vue3.0代理的設置

1.在主目錄下建立vue.config.js

內容以下：

const path = require('path');
function resolve (dir) {
  return path.join(__dirname, dir)
}
module.exports = {
  // 區分打包環境與開發環境
  // process.env.NODE_ENV==='production'  // (打包環境)
  // process.env.NODE_ENV==='development' // (開發環境)
  // baseUrl: process.env.NODE_ENV==='production'?"https://cdn.didabisai.com/front/":'front/',
  
  baseUrl: process.env.NODE_ENV==='production'?"http://testihospital.doctoradmin.ebaiyihui.com":'./',  //  用用程序默認部署位置，‘/’根目錄，存放子目錄ex：‘/web/’
  outputDir: 'dist',  // 輸出文件目錄
  devServer: {
    proxy: {
      '/api': {
      //   // target: 'http://192.168.0.159:8080',
      //   // target: 'http://192.168.0.180:8080',
      //   // target: 'http://ihospital.doctoradmin.ebaiyihui.com',
        target: 'http://testihospital.doctoradmin.ebaiyihui.com',
        ws: true,
        changeOrigin:true,//容許跨域
        pathRewrite: {
          '^/api': '/api'
        }
      }
    }
  },
  //  將接收ChainableConfig由webpack-chain提供支持的實例的函數。
  chainWebpack: config => {
    config.resolve.alias
      .set('@', resolve('src'))
      .set('style', resolve('src/assets/style'))
      .set('img', resolve('src/assets/img'))
      .set('components', resolve('src/components'))
  }
};

完成後，不須要引入，直接運行npm命令運行項目就ok