ruoyi 多模块部署_基于若依（RuoYi）脚手架的前端项目部署（vue）

当项目开发完毕，只需要运行一行命令就可以打包你的前端应用。

# 打包正式环境

npm run build:prod

成功提示：

构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打包好的文件，通常是 ***.js 、***.css、index.html 等静态文件。

通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可，其中的 index.html 是后台服务的入口页面。

# Tomcat

修改server.xml，Host节点下添加

dist目录的文件夹下新建WEB-INF文件夹，并在里面添加web.xml文件<?xml version="1.0" encoding="UTF-8"?>

xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee

http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"

version="3.1" metadata-complete="true">

Router for Tomcat

404

/index.html

# Nginx(推荐)

worker_processes 1;

events {

worker_connections 1024;

}

http {

include mime.types;

default_type application/octet-stream;

sendfile on;

keepalive_timeout 65;

server {

listen 80;

server_name localhost;

location / {

root dist;

try_files $uri $uri/ /index.html;

index index.html index.htm;

}

location /prod-api/{

proxy_set_header Host $http_host;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header REMOTE-HOST $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_pass http://localhost:8080/;

}

error_page 500 502 503 504 /50x.html;

location = /50x.html {

root html;

}

修改好配置后，将上面生成的dist文件夹放到Nginx目录下：

在Nginx目录下执行命令：start nginx

# 常见问题

Nginx使用命令关闭可能无法成功，但是后台不会报错，此时需要到任务管理器中手动关闭Nginx进程：

如果使用Mac 需要修改application.yml文件路径profile

如果使用Linux 提示表不存在，设置大小写敏感配置在/etc/my.cnf 添加lower_case_table_names=1，重启MYSQL服务

如果提示当前权限不足，无法写入文件请检查profile是否可读可写，或者无法访问此目录

ruoyi 多模块部署_基于若依（RuoYi）脚手架的前端项目部署（vue）相关推荐

基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题
基于sentry的前端错误监控日志系统(部署sentry服务器/前端项目部署)-让前端最快的定位到生产问题背景在这越来越发达的网络时代,web应用也是越来越复杂,尤其是前端的开发,也是越来越受重视 ...
vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
前端开发完成的项目,不管是使用vue.react.或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问.这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里 ...
Jenkin前端项目部署----远程服务
jenkin前端项目部署----远程服务 Publish Over SSH(Jenkins插件).linux服务器的nginx配置.存放位置文章目录 jenkin前端项目部署----远程服务前言 ...
vue 前端项目部署阿里云服务器
vue 前端项目部署阿里云服务器 one 前期准备 two 代码打包扔服务器 one 前期准备首先两个软件应该下载(Xftp Xshell),如果有其他类似的软件也可以. 打开xftp,新建一个会 ...
多个前端项目部署在nginx中同一个server下
多个前端项目部署在同一个域名下在vue.config.js中设置 publicPath: '/web/' 在路由index.js中设置 base:'/web/' 在index.html中加入修改N ...
基于docker jenkins nginx gitee实现前端自动化部署
部署对比手动部署平时我们在上线一个新项目的时候,可能需要先执行打包指令,然后登录服务器,将dist包丢到服务器nginx/html的文件下,看似很简单,但是当项目频繁迭代,一直重复性的操作也是很浪 ...
nuxt解决首屏加载慢问题_一个 Node 脚本让你的前端项目加载速度飞起来
写在最前面我的原创什么声明变成什么鬼了-- 前言随着前端三大框架的盛行,越来越多的前后端分离项目在服务器上跑了起来,随之而来,开发者也慢慢发现了这种开发模式所带来的弊端,其中之一就是首屏加载速度特 ...
前端项目部署到云服务器
前端开发完成的项目,不管是使用vue.react.或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问.这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里 ...
Vue前端项目部署在tomcat
第一步配置java环境,下载tomcat后解压,然后将webapps里的默认文件删掉第二步修改vue项目下config/index.js,注意dev和build都要改assetsPublicPa ...
前端项目部署，阿里云服务器部署前端项目，超详细
需求背景:作为一个前端,特别身处于中小公司时,对于部署也需要有所了解.本次就介绍前端基础的项目部署.本次使用的是阿里云服务器进行的部署部署核心步骤 1.准备打包好的前端代码(dist包)或者是一个h ...

ruoyi 多模块部署_基于若依（RuoYi）脚手架的前端项目部署（vue）

ruoyi 多模块部署_基于若依（RuoYi）脚手架的前端项目部署（vue）相关推荐

最新文章

热门文章