nuxt跨域

安裝

npm install @nuxtjs/axios @nuxtjs/proxy --save

nuxt.conf檔案：

modules: [
    '@nuxtjs/axios','@nuxtjs/proxy'
  ],
  axios: {
      proxy: true, // 表示開啟代理
      prefix: '/api', // 表示給請求url加個字首 /api
      credentials: true // 表示跨域請求時是否需要使用憑證
  },
  proxy: {
    '/api': {
      target: 'http://172.28.194.52:3000', // 目標介面域名
      changeOrigin: true, // 表示是否跨域
      pathRewrite: {
        '^/api': '/', // 把 /api 替換成 /
      }
    }
  }

可以直接使用

    this.$axios.get('/介面地址')
      .then(res => {
        console.log(res)
      })
      .catch(e => {
        console.log(e)
      })
  }