记得以前公司的代码是跑在Nginx服务器上,并配置成自动化部署,但这些工做都是别人完成的,因此本身想顺着这个思路研究下,本文主要记录下本身学习的过程html
关于Nginx的介绍在中文手册里已经介绍的很清楚了:http://www.nginx.cn/doc/vue
网上查查资料好像都是在Linux上安装nginx
那么咱们在Windows下玩玩看git
1.下载npm
访问官网:http://nginx.org/,点右侧的download,选择中间的稳定版本浏览器

2.安装服务器
压缩包体积很小,也没有复杂的安装程序,解压后目录为svn

点击下面的应用程序便可启动,注意启动只会闪一个窗口,并不会像Tomcat同样打开个窗口,在浏览器地址栏输入http:localhost 便能看到 欢迎页面,学习

出现以上页面说明成功了测试
3.配置
配置文件是放在conf目录下,打开nginx.conf文件看下

这是默认配置,能够看到端口是80,服务器名是localhost,映射地址是root(nginx的根目录)下html目录下的index页面
接下来更改下配置,把端口改成8088,映射地址改成本身的页面

更改以后要重启服务,但并无重启和关闭的程序,须要使用命令
打开doc命令窗口,进入nginx安装目录
nginx的命令很简单,经常使用的以下:
start nginx : 启动nginx
nginx -s reload :修改配置后从新加载生效
nginx -s reopen :从新打开日志文件
nginx -t -c /path/to/nginx.conf 测试nginx配置文件是否正确
关闭nginx:
nginx -s stop :快速中止nginx
nginx -s quit :完整有序的中止nginx
咱们执行关闭再打开就能够了
在浏览器输入http:localhost:8088;就能够访问本身的页面了
接下来研究下把vue项目运行在nginx上是否可行
个人思路是直接把连接地址映射到vue项目的dist目录,这样每次只要执行npm run build就能够更新项目,但是居然报如下错误,
换成git管理的项目也同样,若是把dist目录复制出来就能正常访问,难道nginx对svn或git管理的项目又访问限制?网上都是要配置禁止访问,这是怎么回事呢
参考连接:
入门教程:https://www.cnblogs.com/crazylqy/p/6891929.html
中文文档:http://www.nginx.cn/doc/
window下安装nginx:https://blog.csdn.net/xqhys/article/details/68485186
https://www.cnblogs.com/saysmy/p/6609796.html