Linux虚拟机Nginx代理vue前端与SpringBoot后端资源
1.Nginx 安装配置
详细参见菜鸟教程:https://www.runoob.com/linux/nginx-install-setup.html
2.nginx.conf内容
user nginx;
worker_processes 1; #设置值和CPU核心数一致
error_log /usr/local/webserver/nginx/logs/nginx_error.log crit; #日志位置和日志级别
pid /usr/local/webserver/nginx/nginx.pid;
#指定此进程可以打开的最大文件描述符的值。
worker_rlimit_nofile 65535;
events
{
use epoll;
worker_connections 65535;
} http {
include mime.types;
default_type application/octet-stream; sendfile on;
client_max_body_size 300m;
keepalive_timeout 65;
gzip on; server {
listen 80;
server_name localhost;
#前端代理
location / {
#alias /usr/local/webserver/nginx/html;#root用户使用会有问题
index index.html;
root /usr/local/webserver/nginx/html;#站点目录
} #后端代理
location /api1 {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Server $host;
proxy_pass http://IP1:端口1/api;
}
#第三方代理,前端直接调用第三方接口,不建议
location /api2 {
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Server $host;
proxy_pass http://IP2:端口2/api;
} }
}
3.常用命令
#web前端运行---vscode
cd /d F:\workspace\aweb\foreground
npm run serve
#web后端运行
cd /d F:\workspace\aweb\background
mvn spring-boot:run #web后端打包,删除原有的包,排除test文件夹的内容
mvn clean package -Dmaven.test.skip=true
#编译和打包,删除原有的包,同时将这个包放到本地仓库中
mvn clean install
#web后端在服务器运行,不挂断运行命令,当账户退出或终端关闭时,程序仍然运行,并且指定日志输出的文件
#详细说明参见https://www.cnblogs.com/heroinss/p/11592860.html
nohup java -jar aweb_background.jar > aweb.log 2>&1 &
nohup java -Djasypt.encryptor.password=abtp_aweb_back_ZHS -jar aweb_background.jar > aweb.log 2>&1 & #web前端打包
npm run build
#开发阶段(dev)
npm run serve
#测试阶段(sit)
npm run sit
#用户测试阶段(uat)
npm run uat
#生成阶段(prod)
npm run build #web前端在服务器运行
#检查配置文件nginx.conf的正确性命令
/usr/local/webserver/nginx/sbin/nginx -t
#Nginx 启动命令
/usr/local/webserver/nginx/sbin/nginx
# 重新载入配置文件
/usr/local/webserver/nginx/sbin/nginx -s reload
# 重启 Nginx
/usr/local/webserver/nginx/sbin/nginx -s reopen
# 停止 Nginx
/usr/local/webserver/nginx/sbin/nginx -s stop
Linux虚拟机Nginx代理vue前端与SpringBoot后端资源的更多相关文章
- nginx代理vue项目
很多项目的前端都使用vue编写的,在项目上线部署的时候,有些项目要求把前端页面和后台服务部署在不同的服务器,这就要求使用nginx代理,本文就来讲讲vue项目怎么使用nginx代理. 项目github ...
- 二、netcore跨平台之 Linux部署nginx代理webapi
上一章,我们讲了在linux上安装netcore环境,以及让netcore在linux上运行. 这一章我们开始讲在linux上配置nginx,以及让nginx反向代理我们的webapi. 什么ngin ...
- VUE开发(二)nginx配合vue来实现前后端分离部署
一.引言 由于本地是采用vue+spring boot实现的前后端分离项目,本机启动的时候先启动后场服务,再单独启动vue工程,然后可以实现全流程贯穿,但是我们要部署到服务器上的时候,一般都是打一个j ...
- Nginx 代理Vue项目出现Invalid Host header
说明 使用 Nginx 的 upstream 对 Vue 项目做负载均衡时,代理的地址无法访问目标地址,且页面报错: Invalid Host header(无效主机头) 分析 检查 Nginx 的 ...
- Linux 下Nginx 运行Vue
首相基础的安装Node.js npm 先建个目录把 /node/www 然后在这个目录下 wget https://nodejs.org/dist/v8.11.1/node-v8.11.1-linu ...
- Linux 配置nginx 代理tomcat,配置ssl
我就直接干活不废话: 配置文件nginx, nginx.conf #user nobody;worker_processes 1; #error_log logs/error.log;#error_l ...
- nginx部署vue前端,刷新出现404或者500错误的解决方案
在nginx配置文件的server下加上 try_files $uri $uri/ /index.html; 不加的话是404,路径错误是500,这里的路径只要照着/index.html就行,不用加上 ...
- 用Nginx代理请求,处理前后端跨域
自从前端spa框架出现后,都是前后端分离开发了.我们在开发的时候难免会遇到跨域的问题.跨域这种问题解决的方法基本都是在服务端实现的.以java为例,我知道的有3种方法处理跨域: 1.使用 @Cross ...
- vue前端与django后端数据交互
//把数据传到路径为/airCdt/的django后端函数进行数据处理 onSubmit(){ const dict={ 'floor': this.formLabelAlign.floor, 'ro ...
- 部署基于.netcore5.0的ABP框架后台Api服务端,以及使用Nginx部署Vue+Element前端应用
前面介绍了很多关于ABP框架的后台Web API 服务端,以及基于Vue+Element前端应用,本篇针对两者的联合部署,以及对部署中遇到的问题进行处理.ABP框架的后端是基于.net core5.0 ...
随机推荐
- NOIP 2024 游寄
别让我担心 派蒙可爱! 天气晴 风平浪静 沙滩上混乱的脚印 钓鱼竿 两份孤单 会飞的落汤鸡 是故事的开局 青橙紫绿 留影机塞满了回忆 可我却无比思念 遇见你的那一集 才发现我们早已 走了很远很远 多少 ...
- MongoDB入门实战教程:学习总结目录
2021年Edison总结了MongoDB的入门实战教程,2022年整理了一份目录索引,希望对你有帮助. 1 MongoDB学习路径 在去年学习<MongoDB高手课>的途中,我总结了一个 ...
- Xamarin.Android 关于EditText 设置光标焦点 问题
EditText,你会发现当点击第一个EditText时,第二个EditText会有光标闪以下,或者点击第二个或者之后的EditText,第一个EditText会有光标闪一下.通过Log你会发现从第二 ...
- idea2021.2.2设置自动换行
[凑数]将需要换行的文件添加进去即可
- [原创]《C#高级GDI+实战:从零开发一个流程图》第06章:繁琐?没扩展性?抽象!抽象!
一.前言 前面的课程我们实现了两种形状:矩形.圆形,在第4章的时候就会发现,仅增加了个新形状,代码量及判断逻辑就翻倍不止,异常繁琐,可维护性很差,更没有扩展性可言.我们本节课就来解决这一点,解决的方法 ...
- Luogu P10507 Georgia and Bob 题解
P10507 Georgia and Bob 这篇题解的注重点不是结论的证明,而是发现结论的思路,所以比较偏感性.证明人人都会,而发现结论的思路才是这题真正值得思考的地方. 感觉这道题不知道阶梯 NI ...
- 结构体 和 union 大小 小结
这是因为字节对齐原则,在Linux下其是按2字节对齐,可是在VC++下默认是按8字节对齐,必须满足4的整数倍.这样有助于存储效率.第一个char 为1字节,int为4字节,由于8字节对齐原则系统会预留 ...
- spring 中的 常见注解 @param
简介 param 是作为 mapper.xml 中的映射来做的, 一般和参数写的一样即可. mapper Public User selectUser(@param("userName&qu ...
- PPM 文件结构介绍
PPM 文件结构介绍 ppm 文件结构很简单分为以下几个 使用记事本打开项目即可. P3 256 256 // 表示 256 * 256 个像素 255 // RGB 每一个色彩范围是 0 - 255 ...
- mysql ERROR 1045 (28000): 错误解决办法-九五小庞
找到配置文件my.ini ,然后将其打开,可以选择用记事本打开 打开后,搜索mysqld关键字 找到后,在mysqld下面添加skip-grant-tables,保存退出. PS:若提示不让保 ...