window使用nginx部署前端代码

326 阅读1分钟

先下载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等等。