先下载Nginx:
一般双号是稳定版本,下载就行了,下了之后,解压到你想要的路径,然后记住这个路径。
解压完成之后是这个样子,我们前端打包的dist里面的文件,就是放在html这个文件夹中。
然后修改Nginx配置文件nginx.conf,这个文件在conf文件夹中。
Nginx配置文件怎么配,详细去搜索引擎找,这里前端简单的能访问的话不需要配太多,大致是这样。
然后启动Nginx,当然,你也可以先启动。基本的Nginx命令有:
查看Nginx版本:
nginx -v
启动:
start nginx
停止:
nginx.exe -s stop
nginx.exe -s quit
注:stop是快速停止nginx,可能并不保存相关信息;quit是完整有序的停止nginx,并保存相关信息。一般你想完全关掉,用第二个。
重启:
nginx.exe -s reload,一般来说,修改了配置文件nginx.conf,用重启这个就行了
查看
tasklist /fi "imagename eq nginx.exe"
注:操作Nginx要用cmd,然后要进到你解压安装到的Nginx的路径下去操作。
例如:cd /d D:\nginx\nginx
不在你解压安装的路径下输入命令是识别不到的,你解压之后,输入-v查看版本,有结果就是安装好了
然后你启动Nginx之后,输入自己电脑的ip或者localhost/,就可以访问了。
注:打包和部署的时候多注意一下路径,和代理,如果配的不对,接口或者页面就访问不到了。如vue.config.js文件的中的publicPath,Nginx配置文件nginx.conf中的proxy_pass等等。