前后端分离开发,使用Nginx部署Vue

  1. nginx相关的命令(要在nginx报下打开cmd执行相应的命令)
    1. 开启nginx:start nginx

    2. 关闭nginx:nginx.exe -s quit

  2. 怎么把现有的前端环境部署在nginx上
    1. 安装并配置好Nginx后,您可以通过以下步骤来访问项目的前端页面:

    2. 将前端项目的静态文件放置在Nginx的目录下:首先,将前端项目的静态文件(例如HTML、CSS、JavaScript文件等)复制到Nginx的HTML目录下,默认情况下,该目录位于Nginx安装目录的html文件夹中。

    3. 配置Nginx的虚拟主机:打开Nginx的配置文件(nginx.conf),找到http块内的server块。在其中添加一个新的server块并进行相应的配置。配置示例:

      server {
              listen       80;
              server_name  localhost;
      
              #charset koi8-r;
      
              #access_log  logs/host.access.log  main;
      
              location / {
                  root   html/sky;
                  index  index.html index.htm;
              }

      在上述示例中:

      • listen指令指定了Nginx监听的端口,这里是80,默认HTTP端口。
      • server_name指令指定了您访问网站时使用的域名或IP地址。
      • root指令指定了前端文件所在的目录路径。
      • location指令配置了对URL的处理方式,将请求映射到相应的文件。
    4. 保存配置文件并重新启动Nginx:在完成配置后,保存配置文件并通过执行nginx -s reload命令来重新加载Nginx配置。

    5. 访问前端页面:启动您的浏览器,并在地址栏中输入您配置的域名或IP地址。如果一切配置正确,您应该能够访问到项目的前端页面。

  3. 你有可能会遇见的问题,查看80端口有好几个!!!关不掉,这是因为:Nginx服务以服务方式运行:如果您在Windows上使用Nginx作为服务来运行,那么即使手动结束了当前正在运行的Nginx进程,系统会自动重新启动Nginx服务,以确保服务的持续运行。这是因为Nginx服务是在系统启动时自动启动的,并且具有自我恢复机制。

  4. 网址输入localhost:80,跳转不到指定前端页面

     

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值