vue-cli4.0 配置代理

it2025-10-05  3

文件config里面的index.js配置

proxyTable: { '/api': { target: 'http://182.92.196.41:4999/api', //目标接口域名 changeOrigin: true, // 允许websockets跨域(是否跨域)   //secure: false,// 如果是https接口,需要配置这个参数 ws: true, pathRewrite: { // 如果接口本身没有/api需要通过pathRewrite来重写了地址,这里把/api转成‘ ’ '^/api': '' } } }

pathRewrite:重写路径 后端识别时候把/api替换成空,后端没有/api /api只是作为区分路由和接口的方式 具体要不要配置pathRewrite,要看前端的请求方式,以及后台的接受方式

ps:

比如:我在配置本地的时候 前端请求的参数的时候有/api,来区分网页还接口,但是后台接受的没有,则需要如上配置 但是:我在配置都域名的时候,域名接口地址是带/api的,所以此时无需配置pathRewrite

可以在封装接口的时候设置一下:

const service = axios.create({ withCredentials: false, // 跨域请求时是否需要使用凭证 baseURL: '/api', /这个地方可以设置一下,调用的时候接口前边就不用使用api了; timeout: 5000 // request timeout })

 

最新回复(0)