码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-11-12 12:04:55      阅读:528      评论:0      收藏:0      [点我收藏+]

标签:bsp   each   filter   options   webpack   targe   cti   foreach   vue   

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 设置及依赖

标签:bsp   each   filter   options   webpack   targe   cti   foreach   vue   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!