1.打包vue项目
使用npm run bulid命令打包vue项目,打包生成dist文件:
2.配置nginx
先将打包好的dist文件夹放入到nginx目录下的html里
打开conf下的nginx.conf文件,建议下载一个notepad打开.conf文件
以nginx文件夹为根目录的路径,root存放从根路径到index.html的相对路径
listen为nginx监听的端口,默认端口号为80
nginx的location获取到匹配路径之后,root配置会使用ip+端口
的方式请求nginx获取服务器的静态资源
注意端口号是否被占用,可用cmd命令:netstat -ano查看所有运行的端口
3.运行nginx
运行的方法有两种:
①双击nginx.exe
②win+r打开cmd窗口,cd切换到nginx所在的文件夹下,输入命令:start nginx
当修改nginx.conf文件想要重新启动nginx,可以在cmd窗口输入: nginx -s reload
关闭nginx的指令:
快速停止: nginx -s stop
完整有序的停止:nginx -s quit