vue代理服務器proxy配置

1.如果沒有vue腳手架需先要安裝腳手架

cnpm i @vue/cli -g

2.利用腳手架創建項目

vue create myproject（項目名）

3.創建完項目后，需手動在項目根目錄創建vue.config.js

# vue.config.js
module.exports = {
  devServer: {
    host: 'localhost',
    port: 8080,
    proxy: {
      '/get': {
        target: 'http://localhost:3000',// 要跨域的域名
        changeOrigin: true, // 是否開啟跨域
      },
      '/api': {
        target: 'http://localhost:3000',// 要跨域的域名
        changeOrigin: true, // 是否開啟跨域
        pathRewrite: {   //重寫路徑
          '^/api': '/api'   // 這種接口配置出來     http://XX.XX.XX.XX:8083/api/login
          //'^/api': '/' 這種接口配置出來     http://XX.XX.XX.XX:8083/login
      }
    }
  }
}

4.在請求跨域接口的時候就可以利用本地服務加上要跨域的接口地址即可

例如我的本地服務端口 localhost:8080

axios.get('http://localhost:8080/api/login')