惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

爱范儿
爱范儿
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
罗磊的独立博客
大猫的无限游戏
大猫的无限游戏
人人都是产品经理
人人都是产品经理
博客园 - 司徒正美
Apple Machine Learning Research
Apple Machine Learning Research
Microsoft Security Blog
Microsoft Security Blog
IT之家
IT之家
M
MIT News - Artificial intelligence
S
SegmentFault 最新的问题
H
Hackread – Cybersecurity News, Data Breaches, AI and More
AI
AI
I
InfoQ
博客园_首页
T
Threatpost
Know Your Adversary
Know Your Adversary
T
Tenable Blog
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
NISL@THU
NISL@THU
V
Vulnerabilities – Threatpost
The Hacker News
The Hacker News
N
News and Events Feed by Topic
O
OpenAI News
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
TaoSecurity Blog
TaoSecurity Blog
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
Spread Privacy
Spread Privacy
W
WeLiveSecurity
Hacker News - Newest:
Hacker News - Newest: "LLM"
K
Kaspersky official blog
www.infosecurity-magazine.com
www.infosecurity-magazine.com
T
Troy Hunt's Blog
Help Net Security
Help Net Security
Hacker News: Ask HN
Hacker News: Ask HN
C
CERT Recently Published Vulnerability Notes
H
Heimdal Security Blog
A
About on SuperTechFans
The Last Watchdog
The Last Watchdog
腾讯CDC
Jina AI
Jina AI
Schneier on Security
Schneier on Security
T
Threat Research - Cisco Blogs
Security Latest
Security Latest
Recorded Future
Recorded Future
量子位
有赞技术团队
有赞技术团队
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org

博客园 - 星河赵

flask fastapi mysql 常用命令 LangChain AI 客服 Agent 项目学习笔记 海外stripe 聚合支付 ffmpeg 介绍 AE中制作带可替换屏幕的视频模版 记录|AI超写实短视频制作流程+提示词 服务端部署Vue 在Pycharm 中使用 Python Module 方式启动 uvicorn Conda 虚拟环境完整指南 CentOS / OpenCloudOS 服务器如何安装远程桌面 Python 项目模块导入问题解决方案 2026 谷歌 Antigravity 最新安装教程! Vscode 常用配置 如何修改 Redis 数据存放路径 Python -m 用法(极简版) Ubuntu 上安装 MongoDB 并启用事务的完整流程 mac 微信双开新方法 nginx 对静态资源进行压缩 HMAC-SHA256 请求签名与验签实践(Python 可直接复用) python fast api websocket 连接事例 在 Flask 中并发执行任务 Vscode 配置快捷键和JetBrains(pycharm)一样 Linux 服务器的 SSH 登录端口号 从默认的 22 改掉 配置 Docker 镜像加速器 python fast api 部署
Vue 后台项目 Nginx 部署笔记(SPA / Vite 构建)
星河赵 · 2025-12-19 · via 博客园 - 星河赵

📘 Vue 后台项目 Nginx 部署笔记(SPA / Vite 构建)

一、整体说明

该 Nginx 配置用于部署一个 Vue 后台管理系统(Vite 构建,SPA 单页应用),具备以下特点:

  • 同时支持 HTTP(80) / HTTPS(443)

  • 使用 SSL 证书

  • 直接托管 Vue 构建后的静态文件

  • 支持 SPA 路由 fallback

  • 限制 .git 等敏感目录访问

  • 配置了基础 CORS 响应头

server {
    listen 80;
    server_name api-xxx-admin.xxx.com;
    #(第一种)把http的域名请求转成https
    return 301 https://$host$request_uri;

}
server {
    #listen       80;
    listen       443 ssl;
    server_name  api-xxx-admin.xxx.com;

    client_max_body_size 512m;

    ssl_certificate      /app/certs/xxx.com/current/xxx.crt;
    ssl_certificate_key  /app/certs/xxx.com/current/xxx.key;

    access_log   /app/app_ads_svr/logs/nginx/apptovid_admin_access.log;
    error_log    /app/app_ads_svr/logs/nginx/apptovid_admin_error.log;

    # 指向 Vue 构建的 dist 目录
    root /app/app_ads_svr/admin/pages;

    # 防止 favicon.ico 触发 SPA fallback
    location = /favicon.ico {
        try_files $uri =404;
    }

    # 处理 Vite 构建的静态资源
    location /assets/ {
        try_files $uri =404;
    }

    # Vue SPA fallback
    location / {
        try_files $uri /index.html;
        add_header Access-Control-Allow-Methods *;
        add_header Access-Control-Max-Age 3600;
        add_header Access-Control-Allow-Credentials true;
        add_header Access-Control-Allow-Origin *;
    }

    # 禁止访问 .git
    location /.git {
        deny all;
        return 403;
    }
}