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支持的方法教程
Openresty/Nginx默认是不支持http2的,需要将http2模块编译进应用中。这篇文章主要给大家介绍了关于在Nginx/Openresty中启用http2支持的方法教程,文中介绍的非常详细,对大家具有一的参考学习价值,需要的朋友们下面来一起看看吧。2017-07-07
Nginx静态文件响应POST请求 提示405错误的解决方法
Apache、IIS、nginx等绝大多数web服务器,都不允许静态文件响应POST请求,否则会返回“HTTP/1.1 405 Method not allowed”错误2013-04-04


最新评论