在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 關(guān)于vue+node的跨域問題

關(guān)于vue+node的跨域問題

圖片描述

veu-cli版本3.10.10
因為第一次接觸前后端所以不是很明白，然后發(fā)現(xiàn)網(wǎng)上說是跨域問題，我發(fā)現(xiàn)就有寫在config/index.js文件夾里面的

dev: {
proxyTable: {
  '/api': {
    target: 'http://40.00.100.100:3002/',//設(shè)置你調(diào)用的接口域名和端口號 別忘了加http
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/'//這里理解成用‘/api’代替target里面的地址，后面組件中我們掉接口時直接用api代替 比如我要調(diào)用'http://40.00.100.100:3002/user/add'，直接寫‘/api/user/add’即可
    }
  }
},

然后還有在express添加中間件設(shè)置header的方式解決跨域

// 配置允許跨域請求；
app.all('*', function (req, res, next) {
    res.header('Access-Control-Allow-Origin', '*')
    res.header('Access-Control-Allow-Headers', 'Content-Type,Content-Length, Authorization, Accept,X-Requested-With')
    res.header('Access-Control-Allow-Methods', 'PUT,POST,GET,DELETE,OPTIONS')
    res.header('X-Powered-By', ' 3.2.1')
    if(req.method=="OPTIONS") res.send(200);/*讓options請求快速返回*/
    else  next();
})

加了但是也還是出現(xiàn)了404，請求各位大佬為我指點迷津~

回答
編輯回答
生性

估計你直接/login去請求吧，如果是這樣proxyTable代理要改一下

proxyTable: {
  '/': {
    target: 'http://40.00.100.100:3002/',
    changeOrigin: true,
    pathRewrite: {
      '^/api': '/'
    }
  }
}
2017年6月21日 10:51