赞
踩
1.在进行发布的时候,由于最开始的不会使用nginx,在网上搜索了许多的教程哈哈,当然windows系统发布也是比较简单的,我们先在服务器中下载nginx
nginx官网:http://nginx.org/
nginx下载地址,下载时,下载稳定版本即可,建议下载nginx/Windows,exe文件形式,操作也比较简单
2.下载完成后在你的电脑上解压即可,目录尽量做到纯英文,比较简单就不贴图了哈哈
3.下载后启动nginx,查看自己启动是否成功
在nginx目录下启动命令:
nginx
也可以双击nginx.exe打开,使用nginx.exe打开会出现窗口一闪而过
此时我们可以在浏览器页面输入http://localhost/进行查看,nginx默认端口为80,可以不输入端口号,页面如下所示时,代表nginx运行成功
1.发布项目时,先使用命令对项目进行打包,具体是vue还是react项目,根据各自的打包方式进行打包即可
2.打包后将文件放在服务器中,这里我使用的是复制,放在服务器的磁盘中,自己选择位置进行粘贴即可,进入到你打包的文件夹目录中,在顶部复制文件存储的目录
3.打开nginx文件夹后进入到conf文件夹,打开nginx.conf文件,我们需要修改的配置在下方
- server {
- listen 80; //配置的端口号,默认80
- server_name localhost;
-
- #charset koi8-r;
-
- #access_log logs/host.access.log main;
-
- location / {
- root html; //项目路径,默认路径html,将复制的路径进行粘贴,\需要换成/
- index index.html index.htm;
- try_files $uri $uri/ /index.html; //配置路由
- }
4.配置平台的转发,需要加配置(没有可以忽略)
- location ^~/api/ {
- proxy_pass http://127.0.0.1:8080/; #修改此地址为后台服务地址
- }
5.配置完成后需要重启nginx,这里需要注意的是,每次在对nginx配置文件进行修改后,都需要重启nginx,推荐新建Restart.txt文件中,将指令复制在文件中,修改文件格式为Restart.bat,放在nginx文件夹中点击即可
nginx -s reload
6.重启完成后打开即可查看,项目成功启动的话代表你成功了
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。