首页 > 系统相关 >Linux虚拟机Nginx代理vue前端与SpringBoot后端资源

Linux虚拟机Nginx代理vue前端与SpringBoot后端资源

时间:2022-08-21 21:38:38浏览次数:97  
标签:vue run SpringBoot 虚拟机 nginx webserver usr local proxy

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

 

标签:vue,run,SpringBoot,虚拟机,nginx,webserver,usr,local,proxy
From: https://www.cnblogs.com/ZhaoHS/p/16594619.html

相关文章

  • 来聊聊 OpenJDK 和 JVM 虚拟机
    自从Oracle收购Sun以后,Java世界也变了不少。好在Oracle还开源了个OpenJDK,并且很多东西都变了。OpenJDK就是一个桶,什么都可以往里面装,各大公司又纷纷推出自己的......
  • VUE+SpringBoot环境准备
    一、nodejs下载地址官网:https://nodejs.org/zh-cn/其它版本:https://nodejs.org/zh-cn/download/releases/源码地址:https://github.com/nodejs二、vscode下载地......
  • SpringBoot项目在不同环境下的配置以及打包方式
    一、概述配置三个配置文件,只需要打包的时候,根据不同环境打包不同的配置文件application.yml是启动服务时,Spring会自动加载的配置文件application-de......
  • idea+SpringBoot使用过程中的问题集合
    1.跨域访问外部接口?使用Nginx代理(详细参见:https://www.cnblogs.com/ZhaoHS/p/16594619.html);合并部署,统一从后端访问第三方接口(合并部署详见:https://www.cnblo......
  • springboot多线程环境下注入bean空指针问题解决
    多线程环境下注入bean会出现空指针了..我是怎么知道这个bean有有没有在启动的时候注入进来的呢?用于指示bean包含在SpringApplication中时应该运行的接口。多个CommandL......
  • 关于Vue路由懒加载问题
    今天刚开始新建一个vue项目,就在路由这卡死了,经过多次查找对比,发现了问题竟然是出现在一个括号上,如下所示constroutes=[//正确写法{path:'/',na......
  • vue 引入echars 亲测版
    网上找了很多例子,其中有修改main.js的配置的,反正我没搞成功,最后实验成功的步骤如下 1、首先创建一个VueCLI的工程。   注:具体步骤查看以前的博客https://www.c......
  • Vue3 helloworld 初体验
    在数据分析中有一个最重要的一环就是数据可视化,数据报表的开发.从我从业这几年的经历上看,经历了从业务系统导表格数据,到Excel+PPT,再是开源报表工具,再是主流商业......
  • 虚拟机安装Linux系统
    环境:Windows11+VMwareWorkstation16Pro安装:Linux的UbuntuCentOS(CommunityENTerpriseOperatingSystem)是Linux发行版之一,它是来自于RedHatEnterpriseLinux......
  • vue3黄色警告信息太多 关闭警告提示
    在main.js中加上 app.config.warnHandler=()=>null; constapp=createApp(App)for(const[key,component]ofObject.entries(ElementPlusIconsVue)){......