前后端分离项目-前端vue部署在服务器中nginx

行走在土地上的人

于 2019-09-19 10:35:03 发布

阅读量788

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： nginx部署vue

本文链接：https://blog.youkuaiyun.com/wanglong1990421/article/details/101014163

vue 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在CentOS7系统中如何安装并配置Nginx以支持Vue前端项目的运行。通过设置特定的端口和服务器名称，可以实现从外部访问部署在服务器上的Vue应用。步骤包括安装Nginx、配置项目路径、重启服务及验证配置。

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

关于CentOS 7 下nginx的安装，参考了博客https://blog.youkuaiyun.com/u012373815/article/details/54911332 简单便捷，推荐！

1.nginx启动之后，使用命令查看：ps -ef|grep nginx

2.在服务器目录/etc/nginx/conf.d/中增加一个项目的配置文件，随便起个名字：test.conf，使用vi test.conf编辑内容：

server {
     listen 8881; #vue前端的端口
     server_name  00.00.00.213:8881; #vue前端访问外网ip地址

     location / {
           root   /opt/local/prop/dist; #vue文件服务器目录
           index  index.html index.htm;
     }
}

注意：“vue文件服务器目录”指的是vue编译后的dist文件下的内容存放目录，可自定义！

3.保存之后重启nginx服务：nginx -s reload

4.在浏览器中输入配置里的server_name，即可访问前端页面 http://00.00.00.213:8881