nginx部署网站（nginx部署站点前端默认资源在）
本文目录
nginx部署站点前端默认资源在
nginx部署站点前端默认资源在Nginx的html文件夹中。根据查询相关信息显示，Nginx会根据文件的枚举顺序来检查，直到查找的文件存在，文件可以是相对路径也可以是绝对路径，绝对路径需要放在最后。
Thinkphp5项目在nginx服务器部署
1，切换到nginx的配置目录，找到nginx.conf文件
cd /usr/local/nginx/conf
vim nginx.conf
2，如果是单项目部署的话，只需要在nginx.conf文件里面加上以下
server{
listen 80;
# 域名，本地测试可以使用127.0.0.1或localhost
server_name www.zhangc.cn;
# php项目根目录
root /home/data-www/blog;
location /{
# 定义首页索引文件的名称
index index.php index.html index.htm;
# 影藏入口文件
if (-f $request_filename/index.html){
rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php){
rewrite (.*) $1/index.php;
}
if (!-f $request_filename){
rewrite (.*) /index.php;
}
try_files $uri $uri/ /index.php?$query_string;
}
# PHP 脚本请求全部转发到 FastCGI处理. 使用FastCGI协议默认配置.
# Fastcgi服务器和程序(PHP)沟通的协议
.location ~ .*\.php${
# 设置监听端口
fastcgi_pass 127.0.0.1:9000;
# 设置nginx的默认首页文件
fastcgi_index index.php;
# 设置脚本文件请求的路径
fastcgi_param SCRIPT_FILENAME$document_root$fastcgi_script_name;
# 引入fastcgi的配置文件
include fastcgi_params;
fastcgi_split_path_info ^(.+?\.php)(/.*)$;
set $path_info $fastcgi_path_info;
fastcgi_param PATH_INFO $path_info;
try_files $fastcgi_script_name =404;
}
}
3，如果多项目部署，就需要配置vhost
第一步：nginx.conf文件，在最后加上 include vhost/*.conf;
第二步：进入vhost文件夹，创建 域名.conf 文件，如创建一个：quanma.meyat.com.conf
第三步：quanma.meyat.com.conf文件，内容如下：
server
{
listen 80;
server_name quanma.meyat.com;
index index.html index.htm index.php default.html default.htm default.php;
root /data/wwwroot/default/quanma/public/;
#error_page 404 /404.html;
location / {
index index.html index.php;
if (-f $request_filename/index.html){
rewrite (.*) $1/index.html break;
}
if (-f $request_filename/index.php){
rewrite (.*) $1/index.php;
}
if (!-f $request_filename){
rewrite (.*) /index.php;
}
try_files $uri $uri/ /index.php?$query_string;
}
location ~ \.php(/|$)
{
# comment try_files $uri =404; to enable pathinfo
#try_files $uri =404;
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_split_path_info ^(.+?\.php)(/.*)$;
set $path_info $fastcgi_path_info;
fastcgi_param PATH_INFO $path_info;
try_files $fastcgi_script_name =404;
#include fastcgi.conf;
#include pathinfo.conf;
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
}
location ~ .*\.(js|css)?$
{
expires 12h;
}
# Disallow access to .ht, .svn, .bzr, .git, .hg, .cvs directories
location ~ /\.(ht|svn|bzr|git|hg|cvs) {
deny all;
}
#access_log /date/nginx/bmp.com.conf/access.log main;
}
如何部署vue.js项目nginx
这次给大家带来如何部署vue.js项目nginx，部署vue.js项目nginx的注意事项有哪些，下面就是实战案例，一起来看一下。
nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vue-cli构建。
开发环境搭建完成。
二、编译部署
1、项目路径下demo输入命令npm run build
编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。
***隐藏网址***
3、配置部署，nginx/conf 下的nginx.conf，修改如下
[
4、启动nginx。命令窗口cd进入nginx安装目录，输入start nginx启动nginx。
***隐藏网址***
5、nginx停止命令：nginx -s quit
nginx重启命令：nginx -s reload
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
如何使用js+css实现打字效果
怎样在Vue中使用Sortable
Nginx本地部署Vue项目
如何使用Nginx来部署我们打包好的前端Vue项目
因为这里做的演示是本地服务，就需要安装在自己的电脑上
1.确认你的电脑是否安装homebrew，打开电脑终端输入：
2.确认homebrew是否安装成功，输入
3.安装nginx
4.确认nginx是否安装成功
6.进入bin目录
输入，启动
验证是否启动成功
***隐藏网址***
如果出现下图，证明nginx已经启动成功
该问题是由于8080端口被占用，解决
首先需要先在打包之前在 Vue 的配置文件里去修改公共路径的配置
同时在项目的 router 目录下 index.js 为 Vue 项目指定路由基本路径为 /
8.打包前端项目,打包成 dist 目录
将打包好的前端项目放到 Nginx 的 html 目录下去
然后将 dist文件 拖到 html 中就可以了
修改一下 Nginx 的配置文件 nginx.conf
配置改动：
(1）端口号为 8088
(2) 服务名称为 localhost
(3)root目录为 html/dist
(4)location地址为 /
处理前台路由 history 模式刷新 404 的问题
配置修改好之后，我们就可以使用 Nginx 的命令来启动 Nginx 服务
如果没有任何提示，就说明 Nginx 服务重新加载配置成功了
***隐藏网址***
***隐藏网址***
解压即可
2.准备打包好的vue项目(dist) 这里dist文件目录在D:\nginx-1.21.1\html\dist
3.在nginx安装目录中找到D:\nginx-1.21.1\conf）进行修改
vue history模式下nginx
常用的指令有：
nginx部署前端纯页面
1.进入nginx配置文件vim .../nginx-1.9.12/conf/nginx.conf。
如上图所示：第一个红框中的内容就是应用服务器的地址；第二个红框中的内容就是前端包的位置。
此时，配置文件已经准备完毕。这个包和端口可以存在多个。
2.进入.../nginx-1.9.12/sbin 找到nginx的启动程序。
nginx -c ../nginx-1.9.12/conf/nginx.conf 启动nginx程序，并指定配置文件。
3.如果要替换包，则直接替换就行，nginx为热加载自动更新的。但是以防有缓存之类的存在，可以使用nginx -s reload命令进行重载一次。
追加 一 ：
如果前端包的构造如下图
则location配置依然如下图
但是访问地址则需要指定到具体的html文件上。。
***隐藏网址***
***隐藏网址***
***隐藏网址***
追加 二：
同一个端口部署多个页面：
一个server下，多个 location。
location的作用就是是否有后缀，并且这个后缀会去拼接root后的地址。
比如第二个location /sis/。
则在访问127.0.0.1:8080/sis时，会去自动寻找/apps/svr/nginx-1.9.12/pagefile/0921/sis这个包。 （Ps：location后的地址一定要用 / 关闭，比如 location /sis/，不然访问127.0.0.1:8080/sis时，会报错，只有用127.0.0.1:8080/sis/才行。）
这样就部署好了一个 端口支持多个页面。
更多文章：
2026年10月10日 10:20
2026年10月10日 08:30
2026年10月10日 08:10
2026年10月10日 07:40
2026年10月10日 04:30
美国全球疫情会议（若美国不管疫情，任其发展，最终结果会是什么）
2026年10月10日 02:50
2026年10月10日 01:40
2026年10月10日 01:20
2026年10月10日 00:00
2026年10月9日 19:20
