前后端分离之前端部署（nginx多多端⼝配置）
如果vue项⽬最终打包⽣成了⼀个dist⽂件夹，那我们应该怎么处理这个⽂件夹呢？有两种思路：
⼀、⾮完全前后端分离项⽬
  我们可以⾃⼰在本地开发，使⽤后端的接⼝，开发完成后，我们将打包⽣成的dist⽂件夹丢给后端，依赖后端部署，反正都是静态⽂件，只是最终和后端放⼀个服务器了。⼆、完全前后端分离项⽬
  我们可以⾃⼰在本地开发，使⽤后端的接⼝，开发完成后，我们将打包⽣成的dist⽂件夹丢给⾃⼰的静态⽂件服务器。
  然后问题来了，我们该怎么搭建⾃⼰的静态⽂件服务器呢？
  这⾥我们只讨论nginx
  nginx是什么请⾃⾏搜索，我们这⾥讲述如何配置多个nginx的多端⼝映射。
步骤如下：
1、⾸先你得有个nginx的环境吧，这很简单，从官⽹随便下载⼀个nginx就好了，解压后如下
2、打开conf⽂件夹，在⾥⾯新建⼀个conf.dev⽂件夹，这⾥存放每个开发⼈员⾃⼰nginx配置及默认的nginx配置
  如下，我在conf.dev⽂件夹下⾯新建了⼀个配置⽂件：f，这个⽂件⾥⾯注意的有：端⼝号，域名，域名及端⼝指向的静态⽂件根⽬录，及⼀些路由映射关系
3、修改主配置⽂件如下，这⾥主要是将默认的server配置移除，以及从conf.dev⽂件夹引⼊所有配置⽂件，移除了可不能丢啊，得个地⽅放
nginx部署前端项目
4、在conf.dev⽂件夹下新建默认的server⽂件
  可以看到，这⾥是将主配置⽂件中的server配置拉过来了
5、根⽬录建⽴demo⽂件夹
  别忘了我们的设置
  demo⾥⾯随便存放⼀个index.html
6、重启nginx
7、配置host⽂件（127.0.0.1为test.demo），不会的可以参考我的配置host⽂件步骤。  访问："test.demo:7777/"，就能看到你的index.html内容啦。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。