vue-admin-template权限,vue admin template 权限

  vue-admin-template权限,vue admin template 权限

  本文主要介绍vue-admin-template解决登录和跨域问题的解决。通过示例代码进行了非常详细的介绍,对大家的学习或工作有一定的参考价值。有需要的朋友下面跟边肖学习。

  :

目录

   1.下载并安装项目2。修改登录访问地址3。解决跨领域问题。

  

一、下载安装项目

  Git地址:https://github.com/PanJiaChen/vue-admin-template.git

  

二、修改登录访问地址

  找到env.develpment文件。

  #只是一面旗帜

  ENV=开发

  #基础api

  # VUE应用基础应用编程接口=/开发应用编程接口

  VUE应用基础应用编程接口= http://本地主机:9001

  端口=9528

  设置自己的接入端口和启动端口。

  找到登录页面/src/views/login/index.vue。

  他会在这里找到/api/user/login。

  此处的url被更改为您需要访问的页面。

  从“@/utils/request”导入请求

  导出功能登录(数据){

  退货请求({

  URL:“/教育服务/用户/登录”,

  方法: post ,

  数据

  })

  }

  然后检查文件@/utils/request。

  在这里,您可以看到我们在第一步中配置的路径。

  //创建axios实例

  const service=axios.create({

  BASE url:process . env . vue _ APP _ BASE _ API,//url=基本URL请求URL

  //withCredentials: true,//跨域请求时发送cookies

  超时:5000 //请求超时

  })

  因为我是用nginx做反向代理,所以接入的端口是9001,可以根据自己的需要设置。

  

三、解决跨域问题

  注释要访问的后端接口的控制器类。

  @交叉起源

  关于vue-admin-template登录和跨域问题解决的这篇文章到此为止。有关vue-admin-template登录和跨域内容的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: