目录一、下载安装项目二、修改登录访问地址三、解决跨域问题一、下载安装项目 git地址：https://GitHub.com/PanJiaChen/Vue-admin-template
git地址：https://GitHub.com/PanJiaChen/Vue-admin-template.git
找到 .env.develpment文件
# just a flag
ENV = 'development'
# base api
# VUE_APP_BASE_API = '/dev-api'
VUE_APP_BASE_API = 'Http://localhost:9001'
port = 9528
设置自己的访问端口和启动端口。
找到登录页面 /src/views/login/index.vue
这里他会 去找到 /api/user/login
这里的url改成自己需要访问的页面
import request from '@/utils/request'
export function login(data) {
return request({
url: '/eduservice/user/login',
method: 'post',
data
})
}
然后查看 @/utils/request 这个文件
在这里可以看到我们第一步配置的路径。
// create an axiOS instance
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
// withCredentials: true, // send cookies when cross-domain requests
timeout: 5000 // request timeout
})
因为我使用了Nginx做反向代理所以我访问的是 9001端口 这个可以根据自己的需要设置。
在需要访问的后端接口的controller类上加上注解即可
@CrossOrigin
到此这篇关于vue-admin-template解决登录和跨域问题解决的文章就介绍到这了,更多相关vue-admin-template 登录和跨域内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！
--结束END--
本文标题: vue-admin-template解决登录和跨域问题解决
本文链接: https://www.lsjlt.com/news/150101.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0