window下载linux(Ubuntu)或window nginx+vue发布及部署

最新推荐文章于 2025-08-24 15:00:42 发布

原创最新推荐文章于 2025-08-24 15:00:42 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在Windows和Linux环境下部署Nginx服务器，并详细解释了配置过程及注意事项，特别关注Vue项目的部署。

linux(虚拟机)或window nginx+vue发布及部署

window下部署nginx

1.下载nginx

去下载nginx ,一般选择稳定版

2.启动nginx

(1)直接双击nginx.exe，双击后一个黑色的弹窗一闪而过
(2)打开cmd命令窗口，切换到nginx解压目录下，输入命令 nginx.exe 或者 start nginx ，回车即可
直接在浏览器地址栏输入网址 http://localhost:80，回车，出现以下页面说明启动成功

在这里插入图片描述

3.将发布的文件放在html中

把打包的文件或者要发布的文件直接放在html的路径下

4.修改conf文件

找到conf下的nginx.conf修改配置简单的配置

// An highlighted block
server {
        listen       8082; //配置的端口
        server_name  localhost; //定义访问地址
        #charset koi8-r;
        #access_log  logs/host.access.log  main;
        location / { // 对以/结尾的地址进行负载均衡
            root   html\dist; //地址
            index  index.html index.htm; 
            try_files $uri $uri/ @router; # 需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
        }
        location @router {
        rewrite ^.*$ /index.html last;
         }
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        location ~ \.php$ {
            proxy_pass   http://127.0.0.1; //服务器地址
        }
    }

linux下部署nginx

1.首先安装虚拟机

1、 VMware软件
去下载（网盘-提取码：eom3）
2、Linux系统
去下载（网盘-提取码：erhb）

2.在VMware上安装linux系统(无说明就是默认点击下一步)

1、打开VMware界面如下所示

选择高级,点击下一步

在这里插入图片描述
点击下一步

在这里插入图片描述

将下载的linux系统的包选中

输入你的信息，然后点击下一步

路径最好久默认

点击下一步

如无特殊情况，使用网络地址转换，然后点击下一步

选择默认类型，然后点击下一步

如无特殊情况，选择创建新的虚拟磁盘，然后点击下一步
在这里插入图片描述

核对虚拟机的各种参数，然后点击完成，虚拟机即会自动安装完成

等待更新

更新完成后,输入密码就下载好了

ubuntu 中文设置

然后我们下载中文
在这里插入图片描述

下载完成后,我们可以找到这里将它拖到第一行

变成这样就说明成功了,重启一下就ok了

linux nginx下载及配置

然后我们打开终端下载npm
sudo apt install npm
npm下载完用npm下载nginx(需要root)
npm i nginx -g
在这里插入图片描述
我们可以看到nginx下载完成并且是全局的
我们启动

ok是没有问题的
ps -ef | grep nginx 查看nginx 在哪

与window不一样的配置

nginx.conf配置文件 /ect/nginx
html文件夹 /usr/share/nginx
更改文件是需要权限的
1.更改目录所有者命令:
chown -R 用户名称目录名称
2.更改目录权限命令:
chmod -R 755 目录名称
linux 需要开放端口
开启防火墙： systemctl start firewalld
开放指定端口：firewall-cmd --zone=public --add-port=80/tcp --permanent
命令含义： --zong #作用域
–add-port=80/tcp #添加端口，格式为：端口/通讯协议
–permanent #永久生效，没有此参数重启后失效
重启防火墙：firewall-cmd --reload
启动 nginx 停止 nginx -s quit 强制./nginx -s stop 重启./nginx -s reload

剩下配置与widow完全一样