安装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
},
},
网友评论