nuxt axios 代理到多域名

安装nuxt时有选项让选择 axios做代理
基于这个包 进行axios代理到多域名

建项目时候 nuxt.config.js 应该是这个代码

modules: [
        '@nuxtjs/axios'
    ],
    axios: {
        proxy: true 
    },

开始代理到多个域名

1 新建一个 js

在middleware 文件夹下建立一个api.js

具体代码 axios

2 在plugins 中引用

新建一个api.js 引入刚才的js

import Vue from 'vue'
import https from '~/middleware/api/index.js'

Vue.prototype.https = https;

（这个http自定义的 可以改哦）

3 在nuxt.config.js中引用

plugins: [
        '@/plugins/api'
    ],

代理设置 axios 应该很清楚了

4 关于proxy

proxy: {
        "/login": {
            target: 'http://rightknights-back-login-service:8080',
            pathRewrite: {
                "^/login": ""
            },
            secure: false,
            ws: true, // proxy websockets
            changeOrigin: true, // needed for virtual hosted sites
        },
        "/api": {
            target: 'http://rightknights-back-check-service:8080',
            pathRewrite: {
                "^/api": ""
            },
            secure: false,
            ws: true, // proxy websockets
            changeOrigin: true, // needed for virtual hosted sites
        },
    },