nuxt代理解決跨域問題

jiujilang發表於2020-01-13

1、npm i @nuxtjs/axios @nuxtjs/proxy -D
2、在 nuxt.config.js 最後面新增:

module.exports = {
  modules: [
    '@nuxtjs/axios',
    '@nuxtjs/proxy'
  ],
  axios: {
    proxy: true,
    prefix: '/api/',
    credentials: true
  },
  proxy: {
    '/api/': {
      target: 'http://59.0.0.1:8084/api/', // 目標伺服器ip
      pathRewrite: {
        '^/api/': '/',
        changeOrigin: true
      }
    }
  }
}

這樣請求成功了
在這裡插入圖片描述

相關文章