RuoYi(前后端分离)项目部署linux服务器

1.前端vue打包部署

1.1           首先本地和linux安装所需要的环境

                                                          

1.2          node.js问题

如果vue前端依赖下载失败 可能是node版本过高导致

解决方案 : 下载nvm管理node版本,可以方便的在同一台设备上进行多个node版本之间切换。                 

nvm off                     // 禁用node.js版本管理(不卸载任何东西)
nvm on                      // 启用node.js版本管理
nvm install <version>       // 安装node.js的命名 version是版本号 例如:nvm install 8.12.0
nvm uninstall <version>     // 卸载node.js是的命令,卸载指定版本的nodejs,当安装失败时卸载使用
nvm ls                      // 显示所有安装的node.js版本
nvm list available          // 显示可以安装的所有node.js的版本
nvm use <version>           // 切换到使用指定的nodejs版本
nvm v                       // 显示nvm版本
nvm install stable          // 安装最新稳定版

node-v  npm-v  查看版本

nvm ls 带※的为正在使用版本

  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
好的,我会根据你的问题进行回答,但是在回答问题前,我需要先了解一些前置知识。 ruoyi是一个基于Spring Boot和Vue.js的前后端分离的开源框架,其中前端使用Vue.js实现,后端使用Spring Boot实现。因此,在部署前端并路由到后端时,需要分别完成前端和后端的部署工作。 以下是部署前端并路由到后端的步骤: 1. 准备工作 在服务器上安装Node.js和npm,安装步骤可以参考官方网站。 2. 编译前端 在本地编译前端代码,生成dist目录,命令如下: ``` npm install npm run build ``` 3. 部署前端 将生成的dist目录上传到服务器上,可以使用FTP或者SCP等工具进行上传。 4. 配置Nginx 在服务器上安装Nginx,安装步骤可以参考官方网站。 在Nginx的配置文件中添加以下内容: ``` server { listen 80; server_name yourdomain.com; location / { root /path/to/dist; index index.html; try_files $uri $uri/ /index.html; } location /api/ { proxy_pass http://localhost:8080/; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; } } ``` 其中,/path/to/dist是dist目录的路径,yourdomain.com是你的域名。 这段配置的作用是将所有以/api/开头的请求转发到Spring Boot后端,其余请求返回前端页面。 5. 启动Nginx和Spring Boot 启动Nginx和Spring Boot,访问你的域名即可看到前端页面。 希望以上步骤对你有所帮助。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值