vue-admin-template搭建前端页面环境

下载相关文件放置在自己的工作区当中

 

 在vue-admin-template-master文件目录下打开终端，执行 npm install 下载相关依赖，注意npm版本问题需要把版本下降到6

  接下来执行 npm run dev 可以正常显示出相关页面. export NODE_OPTIONS=--openssl-legacy-provider

 

 

 

配置本地登陆服务请求

 

 

//编写请求代码
package com.atguigu.eduservice.controller;
import com.atguigu.commonutils.R;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/eduservice/user")
@CrossOrigin  //解决跨域
public class EduLoginController {
    //login
    @PostMapping("login")
    public R login() {
        return R.ok().data("token","admin");
    }
    //info
    @GetMapping("info")
    public R info() {
        return R.ok().data("roles","[admin]").data("name","admin").data("avatar","https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif");
    }
}

 

 

 

 

相关文件修改后保存，然后重新 rpm run dev