vue代理服務器proxy詳情配置信息

vue代理服務器proxy詳情配置信息

當時對於vue的任何知識都不太了解

下了一番苦修在做出了6個項目后對vuecli的知識了解很是透測

首先創建好項目

 

gitee

https://gitee.com/vuecli-project-initialization/initialize-cli-project.git

 

vuecli項目初始化/初始化cli項目 - 碼雲 - 開源中國 (gitee.com)

放置在vue.config.js

devServer: {
    open: false, // 是否打開瀏覽器
    port: '8080', // 代理端口
    hotOnly: false, // 熱更新
    proxy: {
      '/api': {
        // 此處的寫法，目的是為了 將 /api 替換成 
        target: process.env.VUE_APP_BASE_SITE,
        // 允許跨域
        changeOrigin: true,
        // secure: false,
        ws: true,
        pathRewrite: {
          '^/api': '/api'
        }
      },
      // 這里用了兩個可以刪除或者多加幾個api接口的關鍵詞
      '/weChat': {
        // 此處的寫法，目的是為了 將 /weChat 替換成
        target: 'http://100.100.100.00:13226',
        // 允許跨域
        changeOrigin: true,
        secure: false,
        ws: true,
        // 是否需要把關鍵詞替換掉
        // pathRewrite: {
        //   '^/api': '/api' // 這種接口配置出來 http://XX.XX.XX.XX:8083/api/login //
　　　　 //　 '^/api': '/' 這種接口配置出來 http://XX.XX.XX.XX:8083/login
        // }
      }
    }
  },

　　代碼詳情參考gitee