欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue-admin-template解決登錄和跨域問題解決

 更新時(shí)間：2022年05月30日 09:12:02   作者：CAFEBABE 34  
本文主要介紹了vue-admin-template解決登錄和跨域問題解決，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

一、下載安裝項(xiàng)目

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

設(shè)置自己的訪問端口和啟動(dòng)端口。

找到登錄頁(yè)面 /src/views/login/index.vue

在這里插入圖片描述

這里他會(huì) 去找到 /api/user/login

在這里插入圖片描述

這里的url改成自己需要訪問的頁(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做反向代理所以我訪問的是 9001端口 這個(gè)可以根據(jù)自己的需要設(shè)置。

在這里插入圖片描述

三、解決跨域問題

在需要訪問的后端接口的controller類上加上注解即可
@CrossOrigin

在這里插入圖片描述

到此這篇關(guān)于vue-admin-template解決登錄和跨域問題解決的文章就介紹到這了,更多相關(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ā)短信功能的示例詳解

    這篇文章主要給大家介紹了vue實(shí)現(xiàn)發(fā)送短信倒計(jì)時(shí)和重發(fā)短信功能的相關(guān)知識(shí),文中通過代碼示例給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2023-12-12
  • vue 怎么創(chuàng)建組件及組件使用方法

    vue 怎么創(chuàng)建組件及組件使用方法

    vue中的核心就是組件，組件 (Component) 是 Vue.js 最強(qiáng)大的功能之一。組件可以擴(kuò)展 HTML 元素，封裝可重用的代碼，下面通過本文重點(diǎn)給大家介紹vue 創(chuàng)建組件及組件使用方法，感興趣的朋友一起看看吧
    2017-07-07
  • Vue實(shí)現(xiàn)漸變色進(jìn)度條的代碼

    Vue實(shí)現(xiàn)漸變色進(jìn)度條的代碼

    這篇文章主要介紹了Vue實(shí)現(xiàn)漸變色進(jìn)度條的代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-04-04
  • vue如何封裝Axios的get、post請(qǐng)求

    vue如何封裝Axios的get、post請(qǐng)求

    這篇文章主要介紹了vue如何封裝Axios的get、post請(qǐng)求，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-06-06
  • Vue如何實(shí)現(xiàn)iframe的上一步、下一步操作

    Vue如何實(shí)現(xiàn)iframe的上一步、下一步操作

    這篇文章主要介紹了Vue如何實(shí)現(xiàn)iframe的上一步、下一步操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-06-06
  • Vue用v-for給src屬性賦值的方法

    Vue用v-for給src屬性賦值的方法

    下面小編就為大家分享一篇Vue用v-for給src屬性賦值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • vue+webpack實(shí)現(xiàn)異步組件加載的方法

    vue+webpack實(shí)現(xiàn)異步組件加載的方法

    下面小編就為大家分享一篇vue+webpack實(shí)現(xiàn)異步組件加載的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • vue2.0開發(fā)實(shí)踐總結(jié)之疑難篇

    vue2.0開發(fā)實(shí)踐總結(jié)之疑難篇

    這篇文章主要為大家總結(jié)了vue2.0開發(fā)實(shí)踐的疑難,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-12-12
  • vue快速入門基礎(chǔ)知識(shí)教程

    vue快速入門基礎(chǔ)知識(shí)教程

    VUE是一套前端框架，免除了原生JavaScript中的DOM操作，簡(jiǎn)化書寫。VUE基于MVVM（Model-View_ViewModel）思想，實(shí)現(xiàn)數(shù)據(jù)雙向綁定。Vue的核心庫(kù)只關(guān)注圖層.響應(yīng)式數(shù)據(jù)綁定和組件化開發(fā)是其兩大特點(diǎn)。
    2023-01-01
  • Vuejs第十三篇之組件——雜項(xiàng)

    Vuejs第十三篇之組件——雜項(xiàng)

    組件（Component）是 Vue.js 最強(qiáng)大的功能之一。本文重點(diǎn)給大家介紹vuejs組件相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧
    2016-09-09

最新評(píng)論