vue项目部署至nginx&踩坑记

1.  前言

        在本地吭哧吭哧的写了两个星期，终于到了需要部署到服务器供测试的时候了！！

        初始的设想是部署到tomcat，放在ROOT目录下，即可以使用 域名:端口/ 访问，但是涉及到后台请求跨域了，百度+咨询前同事，得出了结论：通过nginx反向代理，实现请求路径映射到目标后台服务器；

        此外，nginx本身可以作为静态资源文件服务器，还可以省去tomcat，岂不一举两得！

2. 安装nginx

 一、Windows安装

我本地有的时候还是需要一个服务器来跑，所以就配了一个Windows的环境，windows的配置环境还是相对简单很多的；

1. 下载nginx：http://nginx.org/en/download.html

2. 解压；

3. nginx解压后的目录，文件如下：

4. 因为nginx是绿色版，解压即可使用，测试nginx是否安装成功：

    命令行进入nginx解压后的文件夹，start nginx 启动nginx;