vue-cli 配置服务端口反向代理

第一次部署配置，关于部署vue项目dist包，在nginx配置遇到的坑：

1.vue项目中vue.config.js的配置：

devServer.proxy 可以是一个指向开发环境 API 服务器的字符串：

2.打包后dist包部署到linux服务器上，Nginx配置反向代理实现ajax进行跨域访问：

conf目录下nginx.conf配置如下：

配置之后重启nginx即可 ./nginx -s reload

注意：开始漏了rewrite ^/prod-api/(.*) 1 break请求后台接口一直404 not found,

Shell脚本实现动态配置IP与路由：解决嵌入式Android/Linux有线和无线网卡双网共存问题在项目中遇到需要远程调试和运维，一是为了节约公司成本，二也是为了节省人力。 项目的基本架构是边缘系统自成一局域网：包括linux系统的机器、其他嵌入式设备、路由器，路由器一般是普通的路由非4G路由。linux系统机器配置了多张网卡（有线网卡、无线网卡），我们想利用这个linux机器作为网关，一是做反向代理进行内网穿透，二是进行内、外网打通。 局域网网段为192.168.1.X，路由IP：192.168.1.1，linux机器有线网卡连路由配静态IP：192.168.1.180 linux机器无线网卡连接可以通公网的WIFI（可以连手机热点），配置dhcp模式以适应不同路由器网段，比如连接手机热点获得的IP：172.20.10.2，这个能连接公网的网段最好要和局域网网段分开。此时ping www.baidu.com 应该是不通的，因为一般来说局域网的路由优先级会高于无线网卡的那个路由。 使用ngrok进行反向代理。编辑sudo vim /etc/hosts这个文件，手动添加主机，106.12.90.X tuvwx.com，这一步的目的防止因为dns原因无法得到云端代理服务器地址。 然后增加一条路由表记录 这一句在sudo route路由表中增加了一条规则，如果是到主机地址106.12.90.X的数据，就通过wlan0这个网卡走 这个时候应该就能ping通tuvwx.com这个地址了 接下来就可以起ngrok进程，远程连接上干活了。

nginx服务器：1.反向代理，代理uwsgi服务器。2.静态文件服务器，提供静态文件访问。

①首先在linux下创建一个专门用于存放要部署的项目的文件夹django_worker。

②先在其中创建虚拟环境

创建虚拟环境的命令：virtualenv django_lib。相当于拷贝了一份纯净的python环境。

③进入虚拟环境

source ./django_lib/bin/activate

安装需要的模块：

pip install django==1.9

①创建项目mysite，在mysite下创建文件夹static_files，专门用于存放静态文件，并在setting.py文件中配置：

STATCI_ROOT='/home/worker//mysite/static_files'

②收集静态资源

python manage.py collectstatic

（空项目中只会收集到admin模块的静态文件）

:wq! 保存退出

！ 强制退出

x 保存退出

找到nginx.conf文件：

编辑nginx.conf配置文件

找到http模块中，最后，增加server配置

---