当前位置: 首页 > news >正文

linux如何部署前端项目和安装nginx

要在Linux上部署前端项目并安装Nginx,你可以按照以下步骤操作:

  1. 安装Nginx:

sudo apt update

sudo apt install nginx

  1. 启动Nginx服务:

sudo systemctl start nginx

  1. 确保Nginx服务开机自启:

sudo systemctl enable nginx

  1. 部署前端项目,假设前端项目已经构建完成,并且构建产物在/path/to/your/frontend/project/build目录下。将构建的静态文件复制到Nginx的服务器目录下:

sudo cp -r /path/to/your/frontend/project/build /var/www/html

  1. 配置Nginx服务器块。编辑Nginx配置文件/etc/nginx/sites-available/default,替换或修改server块,如下所示:

server {

listen 80;

server_name your_domain_or_IP;

location / {

root /var/www/html;

try_files $uri /index.html;

index index.html index.htm;

}

# 其他配置...

}

  1. 重启Nginx以应用配置更改:

sudo systemctl restart nginx

现在,你的前端项目应该已经通过Nginx部署并可以通过浏览器访问了。确保你的防火墙设置允许HTTP流量通过80端口。

2、配置.conf文件

server {

    listen 3001;

    server_name 172.23.88.99; # 替换为您的域名或IP

     root /data1/data_gjx/train/dist;

     index index.html;

    location / {

        root /data1/data_gjx/train/dist;

        try_files $uri $uri/ /index.html;

    }

}

http://www.lryc.cn/news/372923.html

相关文章:

  • Coolify:24.2K 星星!使用全新、开源免费且自托管的替代方案,部署应用程序的最佳工具(停止使用 Vercel)
  • Dubbo入门
  • 从零学习es8
  • String.compareTo()方法详解
  • Nintex流程平台引入生成式人工智能,实现自动化革新
  • 永远不要做房间里“最聪明的人”(早懂早受益)
  • Leetcode 3177. Find the Maximum Length of a Good Subsequence II
  • 程序员做电子书产品变现的复盘(2)
  • Java中的JVM是什么?如何调优JVM的性能?
  • 大型医院手术麻醉系统源码,前端采用Vue,Ant-Design开发,稳定成熟
  • Linux安装Docker | 使用国内镜像
  • redis易懂快速安装(linux)2024
  • 关于数据库存储【\】转义字符反斜杠丢失的问题
  • Unity3D 如何做好版本控制
  • 移动端消息中心,你未必会设计,发一些示例出来看看。
  • Non-zero exit code pycharm
  • 西门子学习笔记12 - BYTE-REAL互相转化
  • 科技云报道:“元年”之后,生成式AI将走向何方?
  • DAY02 HTML
  • 【Windchill监听器、队列、排程】
  • 统计信号处理基础 习题解答10-14
  • APP各种抓包教程
  • web前端开发项目教学:深入剖析四大核心、五大技能、六大实战、七大建议
  • 从入门到高手的99个python案例(2)
  • btstack协议栈实战篇--Performance - Stream Data over SPP (Server)
  • ThinkPHP5.0 apache服务器配置URL重写,index.php去除
  • 《TCP/IP网络编程》(第十五章)套接字和标准I/O
  • 认识一些分布函数-Gumbel分布
  • C语言之void类型的本质
  • Wall国内开源程序照片墙,支持VR全景及安装教程