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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。