在vue項(xiàng)目中，新建一個(gè)vue.config.js，在這個(gè)js文件里配置，以實(shí)際項(xiàng)目為例，記錄一下：
例如請求接口為：https://www.xxx.cn/demo/events/listEvents
在本地配置如下：

module.exports = {devServer: {port: '8080', // 請求地址的端口號，在本項(xiàng)目是8080proxy: {'/demo': { // 'demo'是請求地址中，以demo開頭都適用這個(gè)target: 'https://www.xxx.cn', // 真實(shí)的服務(wù)器地址changeOrigin: true, // secure: false, // 默認(rèn)情況下，不接受運(yùn)行在 HTTPS 上，且使用了無效證書的后端服務(wù)器。如果你想要接受設(shè)為falsews: true, // 是否啟用websockets// 是否重寫pathRewrite: {'^/demo': '/demo'}}}} }

本地啟動(dòng)后本地地址：http://localhost:8080/demo/events/listEvents

總結(jié)

以上是生活随笔為你收集整理的vue-cli3 本地代理配置的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。