Nginx简单部署配置

my_web_advanced

于 2021-03-10 20:51:08 发布

阅读量103

点赞数

分类专栏：知识储备

本文链接：https://blog.csdn.net/my_web_advanced/article/details/114646211

版权

32 篇文章

订阅专栏

本文介绍如何将Vue项目打包并部署到Nginx服务器上。通过将打包后的文件放置于Nginx的html目录中，并进行简单的Nginx配置，实现Vue项目的正常运行。配置包括设置监听端口、指定项目文件目录及路由处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将打包后的文件放到Nginx安装目录中的html文件夹内，然后对Nginx进行简单配置即可。
…

以上保持默认配置即可

server {
listen 9090;
server_name localhost;
# 项目文件目录
root html/vue-backend;
index index.html index.htm;

location / {
    # vue-router使用history模式下的必须配置
    try_files $uri $uri/ /index.html;
    index index.html;
}

}