nuxt前端跨域,配置代理

nuxt作为SEO友好框架，配置跨域和一般的vue_li大体相同，又有同点，下面是两种配置代理的方法

一、nuxt自带代理proxy

1、安装资源axios

npm install @nuxtjs/axios --save-dev

2、配置nuxt.config.js文件

module.exports = {

modules: [ '@nuxtjs/axios','@nuxtjs/proxy','@nuxtjs/dotenv' ],

axios: {

proxy: true, // 表示开启代理

prefix: '/', // 表示给请求url加个前缀 /api

credentials: true // 表示跨域请求时是否需要使用凭证

},

proxy: {

'/api': {

target: 'http://11.92.53.207:9000', // 目标接口域名

// target: 'http://192.168.0.168:9001', // 本地

changeOrigin: true, // 表示是否跨域

pathRewrite: {

'^/api': '/', // 把 /api 替换成 /

}}},}

3、使用

当你使用接口的时候，在接口地址前加上/api

二、安装proxyTable

modules: [

      '@gauseen/nuxt-proxy',

    ],

    proxyTable: {

      '/api':{

        target: 'http://39.91.216.241:9035',

        ws: false, // 是否支持websocket

        pathRewrite: { '^/api': '' }

      }

    },

使用方法一致