美文网首页
nuxt axios 代理到多域名

nuxt axios 代理到多域名

作者: 多点干货少点废话 | 来源:发表于2020-09-21 15:23 被阅读0次

    安装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
            },
        },
    

    相关文章

      网友评论

          本文标题:nuxt axios 代理到多域名

          本文链接:https://www.haomeiwen.com/subject/pqpvyktx.html