vue-admin-template解決登錄和跨域問(wèn)題解決
一、下載安裝項(xiàng)目
git地址:https://github.com/PanJiaChen/vue-admin-template.git
二、修改登錄訪問(wèn)地址
找到 .env.develpment文件
# just a flag ENV = 'development' # base api # VUE_APP_BASE_API = '/dev-api' VUE_APP_BASE_API = 'http://localhost:9001' port = 9528
設(shè)置自己的訪問(wèn)端口和啟動(dòng)端口。
找到登錄頁(yè)面 /src/views/login/index.vue
這里他會(huì) 去找到 /api/user/login
這里的url改成自己需要訪問(wèn)的頁(yè)面
import request from '@/utils/request' export function login(data) { return request({ url: '/eduservice/user/login', method: 'post', data }) }
然后查看 @/utils/request 這個(gè)文件
在這里可以看到我們第一步配置的路徑。
// 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 })
因?yàn)槲沂褂昧薾ginx做反向代理所以我訪問(wèn)的是 9001端口 這個(gè)可以根據(jù)自己的需要設(shè)置。
三、解決跨域問(wèn)題
在需要訪問(wèn)的后端接口的controller類(lèi)上加上注解即可
@CrossOrigin
到此這篇關(guān)于vue-admin-template解決登錄和跨域問(wèn)題解決的文章就介紹到這了,更多相關(guān)vue-admin-template 登錄和跨域內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vue實(shí)現(xiàn)發(fā)送短信倒計(jì)時(shí)和重發(fā)短信功能的示例詳解
這篇文章主要給大家介紹了vue實(shí)現(xiàn)發(fā)送短信倒計(jì)時(shí)和重發(fā)短信功能的相關(guān)知識(shí),文中通過(guò)代碼示例給大家介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12Vue實(shí)現(xiàn)漸變色進(jìn)度條的代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)漸變色進(jìn)度條的代碼,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04Vue如何實(shí)現(xiàn)iframe的上一步、下一步操作
這篇文章主要介紹了Vue如何實(shí)現(xiàn)iframe的上一步、下一步操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06vue+webpack實(shí)現(xiàn)異步組件加載的方法
下面小編就為大家分享一篇vue+webpack實(shí)現(xiàn)異步組件加載的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02vue2.0開(kāi)發(fā)實(shí)踐總結(jié)之疑難篇
這篇文章主要為大家總結(jié)了vue2.0開(kāi)發(fā)實(shí)踐的疑難,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12