module.exports = {
  devServer: {
    proxy: 'http://localhost:5000' // 配置訪問的服務(wù)器地址
  }
}

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:5000', // 配置訪問的服務(wù)器地址
        pathRewrite: { '^/api': '' },  // 用于將請求中的 /api 字符串替換為空, 然后訪問地址就能正確訪問，若不添加此行配置，那么訪問地址就變成了： http://localhost:5000/api/request_url，這樣的請求就會出現(xiàn) 404 操作
        ws: true, // 是否支持 webstocket, 默認(rèn)是 true
        changeOrigin: true // 用于控制請求頭中的 host 值, 默認(rèn)是 ture
      },
      '/api2': {
        target: 'http://localhost:6000', // 配置訪問的服務(wù)器地址
        pathRewrite: { '^/api2': '' },  // 用于將請求中的 /api2 字符串替換為空, 然后訪問地址就能正確訪問，若不添加此行配置，那么訪問地址就變成了： http://localhost:6000/api/request_url，這樣的請求就會出現(xiàn) 404 操作
        ws: true, // 是否支持 webstocket, 默認(rèn)是 true
        changeOrigin: true // 用于控制請求頭中的 host 值, 默認(rèn)是 ture
      }
    }
  }
}

npm i axios

// 引入 axios 庫
import axios from 'axios'
export default {
	name: 'Student', // 組件名稱
	// 組件使用的方法
	methods: {
		注釋內(nèi)容 `:get 請求訪問 /api 前綴開頭的地址，實際上訪問的地址是： http://localhost:5000/request_url`
		test1() {
			axios.get('http://localhost:8080/api/request_url').then(res => {
				console.log(res.data); // 輸出請求響應(yīng)值內(nèi)容
			});
		},
		注釋內(nèi)容 :`get 請求訪問 /api2 前端開頭的地址，實際上訪問的地址是：http://localhost:6000/request_url`
		test2() {
			axios.get('http://localhost:8080/api2/request_url').then(res => {
				console.log(res.data); // 輸出請求響應(yīng)值內(nèi)容
			})
		}
	}	
}