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

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

npm i axios

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