webpack開發(fā)跨域問題解決辦法

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:33:34

webpack開發(fā)跨域問題解決辦法

webpack開發(fā)跨域問題解決辦法:本文介紹了webpack開發(fā)跨域問題解決辦法，分享給大家，具體如下： 1. 說明 webpack 內(nèi)置了 http-proxy-middleware 可以解決請求的 URL 代理的問題 2. API 需要代理的 pathname 要加 / module.exports = { devtool: 'c

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀webpack開發(fā)跨域問題解決辦法:本文介紹了webpack開發(fā)跨域問題解決辦法，分享給大家，具體如下： 1. 說明 webpack 內(nèi)置了 http-proxy-middleware 可以解決請求的 URL 代理的問題 2. API 需要代理的 pathname 要加 / module.exports = { devtool: 'c

本文介紹了webpack開發(fā)跨域問題解決辦法，分享給大家，具體如下：

1. 說明

webpack 內(nèi)置了 http-proxy-middleware 可以解決請求的 URL 代理的問題

2. API

需要代理的 pathname 要加 /

module.exports = {
 devtool: 'cheap-module-source-map',
 entry: './app/js/index.js'
 output: {
 path: path.resolve(__dirname, 'dev'),
 // 所有

輸出文件的目標(biāo)路徑 filename: 'js/bundle.js', publicPath: '/', chunkFilename: '[name].chunk.js' }, devServer: { contentBase: path.resolve(__dirname, 'dev'), publicPath: '/', historyApiFallback: true, proxy: { // 請求到 '/device' 下的請求都會被代理到 target： http://debug.xxx.com 中 '/device/*': { target: 'http://debug.xxx.com', secure: false, // 接受運行在 https 上的服務(wù) changeOrigin: true } } } }

3. 使用

注：使用的url 必須以/開始否則不會代理到指定地址

 fetch('/device/space').then(res => {
 // 被代理到 http://debug.xxx.com/device/space
 return res.json();
 }).then(res => {
 console.log(res);
 })

 fetch('device/space').then(res => {
 // http://localhost:8080/device/space 訪問本地服務(wù)
 return res.json();
 }).then(res => {
 console.log(res);
 })

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

webpack開發(fā)跨域問題解決辦法

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：解決開發(fā) webpack

熱門焦點

webpack開發(fā)跨域問題解決辦法

webpack開發(fā)跨域問題解決辦法

webpack開發(fā)跨域問題解決辦法

最新推薦

猜你喜歡

熱門推薦