天天看點

nuxt.js axios使用poxyTable代理,解決跨域問題

1 安裝(@gauseen/nuxt-proxy)

  

cnpm install @gauseen/nuxt-proxy --save      

2 配置nuxt.config.js

modules: [
    // 請求代理配置,解決跨域
    '@gauseen/nuxt-proxy',
],


proxyTable: {
  '/user':{ 
    target: 'http://172.16.12.172:9901',
    ws: false, // 是否支援websocket
    pathRewrite: { '^/user': '/user' }
  }
},      

3 使用axios發起請求

  axios.get('/user/getVerifyCode')

 此時,該請求在浏覽器中将被轉發到http://172.16.12.172:9901/user/getVerifyCode

傳回成功

nuxt.js axios使用poxyTable代理,解決跨域問題