RUOYI项目部署(前后端不分离)

一.去掉axios请求中的公共url配置选项,否则后续接口请求url都会加上这个url,导致接口异常

const service = axios.create({
  // axios中请求配置有baseURL选项,表示请求URL公共部分
  // baseURL: process.env.VUE_APP_BASE_API,
  // 超时
  timeout: 10000
})

不取消,就会加上生产环境前缀

npm run build:+ 生产环境 进行打包

如果出现下列错误,在package.json的scripts中加上这俩行

"serve": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
"build": "set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",

node17版本问题

三 将生产的dist包复制到启动类所在模块的resources目录的static包下

四 修改 SysIndexController(admin模块 org.vds.ruoyi.web.controller.system包中)

主要修改controller注解返回页面,以及返回内容改成index页面

//@RestController
@Controller
public class SysIndexController
{
    /** 系统基础配置 */
    @Autowired
    private TienChinConfig tienchinConfig;

    /**
     * 访问首页,提示语
     */
    @RequestMapping(value = "/",method = RequestMethod.GET)
    public String index()
    {
        //return StringUtils.format("欢迎使用{}后台管理框架,当前版本:v{},请通过前端地址访问。", ruoyiConfig.getName(), ruoyiConfig.getVersion());
        return "index";
    }

    /**
     * 访问首页,提示语
     */
    @RequestMapping(value = "/index",method = RequestMethod.GET)
    public String indexs()
    {
        return "index";
    }

}

五 修改yaml中的mvc配置

# Spring配置 #配置静态资源路径
spring:
  web:
    resources:
      static-locations: "classpath:/static/dist"
#配置mvc返回页面格式
  mvc:
    view:
      suffix: .html
 

六 配置websecurityconfig过滤静态资源

七 加一个thymeleaf的依赖

大功告成

RuoYi-Vue前后端项目部署需要按照以下步骤进行操作。首先,在ruoyi-ui目录下执行命令行,运行打包命令,生成dist目录。\[1\]接下来,需要进行后端项目的部署。可以修改nginx.conf文件,在根目录下添加try_files $uri $uri/ /index.html的配置,指定根目录为/usr/local/workspace/RuoYi-Vue/ruoyi-ui/dist/,并设置index.html为默认页面。\[2\]这样就可以解决首次进入管理页面正常,但是刷新后报404的问题。RuoYi是一个基于经典技术组合的后台管理系统,使用了Spring Boot、Apache Shiro、MyBatis和Thymeleaf等技术,旨在让开发者专注于业务,降低技术难度,节省人力成本,缩短项目周期,并提高软件安全质量。\[3\] #### 引用[.reference_title] - *1* *2* [RuoYi-Vue前后端项目部署](https://blog.csdn.net/qq_42702382/article/details/124571939)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [若依RuoYi-Vue项目部署(前后端分离版本)](https://blog.csdn.net/weixin_57504000/article/details/124546200)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值