8、Linux配置Nginx，实现动静分离部署（Vue、UNIAPP）

最新推荐文章于 2024-08-22 22:45:10 发布

limitless_mfk

最新推荐文章于 2024-08-22 22:45:10 发布

阅读量3.6k

点赞数 1

分类专栏： LINUX部署springboot + vue 教学文章标签： linux

本文链接：https://blog.csdn.net/qq_39657458/article/details/124075236

版权

LINUX部署springboot + vue 教学专栏收录该内容

8 篇文章 0 订阅

订阅专栏

该博客详细介绍了如何打包Vue和UniApp前端工程，并通过FTP工具将文件上传到指定目录。接着，展示了如何修改Nginx配置文件，特别是针对项目需求的代理设置。最后，说明了如何重启Nginx服务以完成部署。内容涵盖了前端构建、文件传输和服务器配置等关键步骤。

摘要由CSDN通过智能技术生成

1、打包前端工程

vue端

npm run build

uniapp移动端

2、将文件放到指定目录下（使用winSCP等ftp工具）

3、修改nginx.conf进行配置

cd /usr/local/nginx/conf

vim nginx.conf

4、Nginx配置（根据项目可先使用主配置具体详细配置请查看官方文档，引入服务配置）

#user  nobody;
worker_processes  4; #工作进程：数目。根据硬件调整，通常等于cpu数量或者2倍cpu数量。
 
#错误日志存放路径
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
 
#pid        logs/nginx.pid; # nginx进程pid存放路径
 
 
events {
    worker_connections  1024; # 工作进程的最大连接数量
}
 
 
http {
    include       mime.types; #指定mime类型，由mime.type来定义
    default_type  application/octet-stream;
 
    # 日志格式设置
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';
 
    #access_log  logs/access.log  main; #用log_format指令设置日志格式后，需要用access_log来指定日志文件存放路径
					
    sendfile        on; 
	#指定nginx是否调用sendfile函数来输出文件，对于普通应用，必须设置on。如果用来进行下载等应用磁盘io重负载应用，可设着off，以平衡磁盘与网络io处理速度，降低系统uptime。
    #tcp_nopush     on; #此选项允许或禁止使用socket的TCP_CORK的选项，此选项仅在sendfile的时候使用
 
    #keepalive_timeout  0;  #keepalive超时时间
    keepalive_timeout  65;
 
    #gzip  on; #开启gzip压缩服务

	include project_194.conf;
}

单独文件配置:

server {
	#端口，用于外网访问，一般是80
    listen 80;
	#绑定的域名
    server_name	xxx.xxx.com;
 
    access_log	logs/project_jbjy.access.log;
    error_log	logs/project_jbjy.error.log;
    index	index.html index.htm index.jsp;
 
	location /api {
		proxy_redirect off;
		proxy_set_header Host $host;
		proxy_set_header X-Real-IP $remote_addr;
		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
		proxy_pass http://127.0.0.1:8080/api;
	}
	location /h5 {
		index  index.html;
		root /data/www/lim/2022-04-02;
	}
	location /userfiles {
		root /data/www/lim;
	}
    location / {
		index  index.html;
		root /data/www/lim/2022-04-02/ui;
	}    
}

5、重启Nginx