Nginx 如何部署指定文件夹下的项目(本地测试)

 更新时间:2024年01月31日 11:29:09   作者:一个博客  
这篇文章主要介绍了Nginx 如何部署指定文件夹下的项目(本地测试),分为配置vue.config.js,指定生成环境的包,配置路由模式为hash(history模式刷新后,找不到页面),本文讲解的非常详细,需要的朋友可以参考下

1、配置 vue.config.js,指定生成环境的包

  //部署生产环境和开发环境下的URL
  publicPath: process.env.NODE_ENV === 'production' ? "/marketing" : "/",
  ///npm run build 或 varn build  生成文件的日录名称(要利baseUrl的牛产环境路一致)(默认dist)
  outputDir:'marketing',
  //用于放置生成的静态资源(js、css、img、fonts)的;(项目打包之后,静态资源会放在这个文件夹下)
  assetsDir:'static',

2、配置路由模式为hash(history模式刷新后,找不到页面)

在这里插入图片描述

3、修改 Nginx 下的配置文件

C:\server\nginx-1.24.0\conf\nginx.conf

    server {
        listen       80;
        server_name  localhost;   //前端访问时需要的ip,默认127.0.0.1或localhost
        #charset koi8-r;
        location  /marketing{
				root   C:/server;
                index  index.html index.htm;
                #解决刷新后nginx报404问题
                try_files $uri $uri/ /marketing/index.html;
       }
    }

4、浏览器输入 localhost/marketing

注意:
因为使用nginx访问静态资源时,路径名要和实际路径名匹配(root路径+location路径,意思是nginx是按照C:/server/marketing这个路径去寻找资源)

到此这篇关于Nginx 部署指定文件夹下的项目(本地测试)的文章就介绍到这了,更多相关Nginx 部署指定文件夹下的项目(本地测试)内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 简介Nginx中的location匹配规则

    简介Nginx中的location匹配规则

    这篇文章主要介绍了简介Nginx中的location匹配规则,Nginx是一个高速的基于事务的非阻塞服务器,需要的朋友可以参考下
    2015-07-07
  • Nginx四层负载均衡的实现示例

    Nginx四层负载均衡的实现示例

    Nginx 不支持传统的四层负载均衡,但可以通过stream模块配合TCP实现类似的功能,本文主要介绍了Nginx四层负载均衡的实现示例,具有一定的参考价值,感兴趣的可以了解一下
    2024-04-04
  • keepalived监控nginx进程的实现示例

    keepalived监控nginx进程的实现示例

    本文主要介绍了keepalived监控nginx进程的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2024-08-08
  • Nginx实现负载均衡的方法总结

    Nginx实现负载均衡的方法总结

    这篇文章主要给大家总结介绍了关于Nginx实现负载均衡的一些方法,文中通过示例代码介绍的非常详细,对大家学习或者使用Nginx具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • Nginx 禁止IP访问如何实现

    Nginx 禁止IP访问如何实现

    这篇文章主要介绍了Nginx 禁止IP访问如何实现的相关资料,需要的朋友可以参考下
    2017-02-02
  • nginx.pid打开失败以及失效的解决方案

    nginx.pid打开失败以及失效的解决方案

    在我们平常使用nginx的时候,经常有可能会发现我们的pid找不到了,本文就介绍了nginx.pid打开失败以及失效的解决方案,具有一定的参考价值,感兴趣的可以了解一下
    2021-12-12
  • nginx配置多个虚拟主机vhost的方法示例

    nginx配置多个虚拟主机vhost的方法示例

    这篇文章主要介绍了nginx配置多个虚拟主机vhost的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • nginx内存池源码解析

    nginx内存池源码解析

    内存池是在真正使用内存之前,预先申请分配一定数量的、大小相等(一般情况下)的内存块留作备用,接下来通过本文给大家介绍nginx内存池源码,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2021-11-11
  • linux(centos5.5)/windows下nginx开启phpinfo模式功能的配置方法分享

    linux(centos5.5)/windows下nginx开启phpinfo模式功能的配置方法分享

    某站点用到结合phpinfo功能的urlrewrite,在nginx中需要在nginx.conf文件中进行配置才可支持phpinfo
    2013-02-02
  • 详解nginx 配置多个tomcat共用80端口

    详解nginx 配置多个tomcat共用80端口

    本篇文章主要介绍了nginx 配置多个tomcat共用80端口,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06

最新评论