首页 > 其他 > 详细

vue 非常规跨域实现 proxyTable 设置及依赖

时间:2018-11-12 11:57:01      阅读:190      评论:0      收藏:0      [点我收藏+]
1、config/index.js  设置跨域的地址
     proxyTable: {
        ‘/api‘: {    //跨域标识     请求地址为‘http://1xxx.xxx.com/index/list’, 请求时 “/api/index/list”
             target: ‘http://1xxx.xxx.com‘,
             changeOrigin: true,   //允许跨域
             pathRewrite: {            //重新跨域标识
                  ‘^/api‘: ‘‘
             }
         }
     },
 
2、build/webpack.dev.conf.js  引入express、http-proxy-middleware,如下:
    const proxyMiddleware = require(‘http-proxy-middleware‘)
 
    var express = require(‘express‘)
    var app = express()
    // proxy api requests
    const proxyTable=config.dev.proxyTable;
     Object.keys(proxyTable).forEach(function (context) {
      var options = proxyTable[context]
       if (typeof options === ‘string‘) {
         options = { target: options }
       }
       app.use(proxyMiddleware(options.filter || context, options))
    })

vue 非常规跨域实现 proxyTable 设置及依赖

原文:https://www.cnblogs.com/resultwp/p/9945606.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!