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/Openresty中启用http2支持的方法教程

    Nginx/Openresty中启用http2支持的方法教程

    Openresty/Nginx默认是不支持http2的,需要将http2模块编译进应用中。这篇文章主要给大家介绍了关于在Nginx/Openresty中启用http2支持的方法教程,文中介绍的非常详细,对大家具有一的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • 在Nginx中增加对OAuth协议的支持的教程

    在Nginx中增加对OAuth协议的支持的教程

    这篇文章主要介绍了在Nginx中增加对OAuth协议的支持的教程,OAuth协议如今广泛用于社交网络的API中,需要的朋友可以参考下
    2015-06-06
  • 详解Nginx反向代理到Tomcat服务器

    详解Nginx反向代理到Tomcat服务器

    本篇文章主要介绍了详解Nginx反向代理到Tomcat服务器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • Nginx静态文件响应POST请求 提示405错误的解决方法

    Nginx静态文件响应POST请求 提示405错误的解决方法

    Apache、IIS、nginx等绝大多数web服务器,都不允许静态文件响应POST请求,否则会返回“HTTP/1.1 405 Method not allowed”错误
    2013-04-04
  • 使用Nginx搭建文件下载服务器的方法详解

    使用Nginx搭建文件下载服务器的方法详解

    本篇文章主要介绍了使用nginx搭建文件下载服务器的方法,小编觉得挺不错的,现在分享给大家,文章通过代码给大家介绍的非常详细,有需要的一起跟随小编过来看看吧
    2023-09-09
  • Nginx实现非套路镜像站的踩坑记录

    Nginx实现非套路镜像站的踩坑记录

    这篇文章主要给大家介绍了关于Nginx实现非套路镜像站的踩坑记录,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2018-02-02
  • nginx openresty 快速入门指南

    nginx openresty 快速入门指南

    OpenResty是基于Nginx与Lua 的高性能Web平台,其**内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项,**用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关,这篇文章主要介绍了nginx openresty 快速入门指南,需要的朋友可以参考下
    2024-02-02
  • Nginx 代理与负载均衡详解

    Nginx 代理与负载均衡详解

    这篇文章主要介绍了Nginx 代理与负载均衡详解的相关资料,需要的朋友可以参考下
    2017-05-05
  • Nginx屏蔽头部攻击实现方式

    Nginx屏蔽头部攻击实现方式

    文章主要介绍了Nginx屏蔽头部攻击、正则表达式匹配、地址重写、禁止非安全请求、限制IP并发连接和请求数量,以及Nginx压力测试工具等内容
    2026-04-04
  • Nginx文件已经存在全局反向代理问题排查记录

    Nginx文件已经存在全局反向代理问题排查记录

    反向代理除了实现负载均衡之外,还提供如缓存来减少上游服务器的压力,下面这篇文章主要给大家介绍了关于Nginx文件已经存在全局反向代理问题排查的相关资料,需要的朋友可以参考下
    2022-07-07

最新评论