vue-cli生成的项目，怎么像nginx那样配置 域名？就是不要以localhost:8080方式运行，以网址形式运行本地代码

Question

跟后台接口同步的时候，需要以post形式提交图片。
要求的域名必须是后台提供的 http://pic-....com这样的
以前用nginx的时候，可以通过修改host文件，127.0.0.1 pic-....com，然后再在nginx文件里面配置nginx.conf制定路径，然后在终端输入sudo nginx，就可以输入url后访问本地的代码了

可是我用vue-cli项目，一跑起来就是localhost:8080啊，所以自然提交图片失败，这时候我应该怎么办呢？

Answer 1

代理，在vue-cli构建的项目的config目录下的inedx.js中可以配置 dev时的代理 vue-cli使用的http-proxy-middleware这个中间件 具体的配置可以参考github上面 https://github.com/chimurai/h...

Answer 2

用nginx反向代理，把80端口反代端口8080。
修改nginx配置文件

server {
listen 80;
server_name www.a.com;

location / { 
proxy_pass http://127.0.0.1:8008;
}
}