建立當地效勞，及效勞代辦(處理跨域)，支撐熱更新，針對老項目設想

建立當地效勞，及效勞代辦，支撐熱更新

Create http proxy support Hot update

TODO

迥殊針對老型項目設想，沒有運用構建東西（ webpack、gulp、grunt etc.）

確保你的 nodejs 版本 >= 8.0.0，

處理跨域題目，支撐當地開闢熱更新

裝置（install）

yarn add @gauseen/web-proxy -D # 引薦
# or
npm i @gauseen/web-proxy -D

運用（usage）

// 起首，在項目根目次建立 server.js 文件

// 例子：
// server.js
const path = require('path')
const server = require('@gauseen/web-proxy')
const optiOns= {
watch: false,
watchStatic: path.join(__dirname, './demo/'),
serverStatic: path.join(__dirname, './'),
port: 8008,
proxyTable: {
'/api': { target: 'http://doman.com/', }
/* '/apiFlag': {
target: 'http://doman.com/',
pathRewrite: {
// ^/old-path' : '/new-path
// 下面設置是將，/apiFlag 開首的要求，重寫為 /newFlag，也可為 '' (空)
'^/apiFlag': '/newFlag',
}
} */
},
notify: true,
// ignores: ['js'],
callback: function () {
console.log('Server run success ...')
},
}
server(options)

options 參數申明：

啟動效勞

node server.js
# 或
# 本身設置 npm scripts 運轉
# 變動 server.js 文件后要重啟效勞，變動才見效

瀏覽器運轉

localhost: /

注：

proxyTable 是個對象，
鍵 為: 要求 URL 的一致標識字段，如要求接口：http://doman/api/back/login，那末 api 就是它的標識字段
值 為: {
target: 要代辦的（域名或IP） doman, # (必填)
pathRewrite: { '^/oldFlag': '/newFlag', } # (非必填)
}
pathRewrite 字段作用是防備後端接口比較雜沓，沒有一致的標識符，
這時候前端在當地開闢時，能夠本身增加一個一致標識符，並運用 pathRewrite 的功用，再讓這個字段設置為空字符，如許就能夠要求到效勞端原本的 URL

假如好用還望給個 Star， 您的 Star 是我最大的動力，感謝！

GitHub 地點

迎接接見我的個人博客
乾貨傳送門

假如好用還望給個 Star， 您的 Star 是我最大的動力，感謝！ GitHub 地點

未經作者許可，制止轉載，感謝！
迎接留言、批評！