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


    目录
  • 1、配置 vue.config.js，指定生成环境的包
  • 2、配置路由模式为hash（history模式刷新后，找不到页面）
  • 3、修改 Nginx 下的配置文件
  • 4、浏览器输入 localhost/marketing

    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 部署指定文件夹下的项目（本地测试）内容请搜索电脑手机教程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持电脑手机教程网！
相关文章！