Package Exports
- nice-proxy
- nice-proxy/dist/lib/use-nice-proxy.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (nice-proxy) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
nice-proxy
刚起步的项目,功能并不是很完善,欢迎提意见。
在进行多人合作项目的时候,通常使用webpack-dev-server
来进行代理设置。
总是会遇到下面这些问题。
- 当需要跟另一个人对接的时候,切换代理就要重启项目,如果项目较大,启动速度较慢,会造成不必要的等待时间。
- 偶尔会发现,我怎么连到张三了,我明明跟李四在对接。原来是别人提交了代码,覆盖了你之前的设置。
那么你可以来试试nice-proxy
安装
yarn add nice-proxy -D
使用
务必先初始化
npx nice-proxy init
该命令会在项目根目录生成一个
nice-proxy
文件夹。proxy-list.json
为代理列表文件。proxy-config.json
为你当前使用的代理配置。(此文件不要提交到[GIT][SVN]
)
具体可以看生成的readme
文档
配置 webpack-dev-server
vue-cli
如果你使用的是vue-cli
创建的项目,那么在你的vue.config.js
文件里这么去写。
const { useNiceProxy } = require("nice-proxy");
module.exports = {
devServer: {
proxy: {
"/api": {
target: "<url>",
ws: true,
changeOrigin: true,
// 参考vue-cli官网配置示例,只需要添加下面这行参数。
router: useNiceProxy,
},
},
},
};
webpack
如果你使用的是webpack
,也只需要把你的webpack.config.js
像上面修改一下即可。
提供的命令
list 列出所有代理
npx nice-proxy list
npx nice-proxy ls
add 添加代理
npx nice-proxy add
执行该命令后,界面会继续让你输入要添加的代理的相关信息。
change 切换代理
npx nice-proxy change
npx nice-proxy use
执行该命令后,界面会列出当前所有代理让你选择。
TODO
- 当有新的前端加入项目后,proxy-list文件已生成,但是proxy-config文件是没有的,需要有个命令能解决这个问题。
FAQ
vue-cli
目前使用的webpack-dev-server
版本不高,在配置proxy
的时候,target
参数不能缺少。