使用nginx前后端分离发布项目?

原理我就先不说了,直接上手

 

首先百度nginx进入官网     http://nginx.org/en/

 

 

    在右边选择download

 

 

 

 

我们选择 nginx/Windows-1.14.1

 

下载完成后是一个压缩包,可以解压D盘或者你喜欢就行的盘

然后会看到这样一个文件夹

 

 

我们可以用vscode打开这个文件夹

然后打开

 conf/nginx.conf文件

找到server{

}

把这server{}里的所有都注释掉,然后添加这么一段代码,如图

listen 80;//端口号
server_name localhost;//域名本地解析
root D:\dist; //项目运行路径
autoindex on; //自动识别项目根目录下的index.html
index index.html index.htm;//同上
 
//下面是做接口的反向代理的,如果你的项目不需要做反向代理可以省略
location /getHotWord {
proxy_pass https://m.zbj.com;
}

 

 

接下来就把你的项目build一下,然后把server下的root后面的路径改成你build后dist文件夹的路径,

最后打开命令控制台,start nginx就可以运行你的项目了

nginx -s stop:停止

至于更多的操作命令可以自行百度

 

posted @ 2018-12-04 11:09  入了前端头发就凉凉  阅读(1038)  评论(0编辑  收藏  举报