Skip to content

Tickly/nice-proxy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

31 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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参数不能缺少。

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published