前台vue框架+后台SpringBoot框架连通

最新推荐文章于 2024-08-13 11:47:14 发布

努力敲代码的咸鱼

最新推荐文章于 2024-08-13 11:47:14 发布

阅读量1k

点赞数 1

分类专栏：前台vue SQL语句 Java 文章标签： spring java vue ajax

本文链接：https://blog.csdn.net/weixin_47156901/article/details/115663625

版权

准备

前台框架可以参考
通过代码搭建Vue项目
后台框架
IDEA 搭建SpringBoot项目

准备必要的js文件

首先我们需要定义一个全局变量，在后面我们需要改动地址就比较方便了
1、global-variable.js

//全局变量文件

//baseURL:访问后台路径
 const baseURL = 'http://localhost:后台的端口号';

export default {
   
    baseURL,
}

前台访问后台肯定需要一个中间的桥梁，该桥梁我们用request.js
2、request.js

//--------------------------------------------拦截器  axios-------------------------------------------------------------------
import axios from 'axios';
import globalVariable from '../constant/global-variable.js' //引用变量文件 此处无this 故单独引用



// 创建实例时设置配置的默认值
const service = axios.create({
   
    baseURL: globalVariable.baseURL, //访问地址
    timeout: 2000000    //设置超时时间