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

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

 更新時間：2022年05月30日 09:12:02   作者：CAFEBABE 34  
本文主要介紹了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端口 這個可以根據(jù)自己的需要設置。

在這里插入圖片描述

三、解決跨域問題

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

在這里插入圖片描述

到此這篇關(guān)于vue-admin-template解決登錄和跨域問題解決的文章就介紹到這了,更多相關(guān)vue-admin-template 登錄和跨域內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

  • vue實現(xiàn)發(fā)送短信倒計時和重發(fā)短信功能的示例詳解

    vue實現(xiàn)發(fā)送短信倒計時和重發(fā)短信功能的示例詳解

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

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

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

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

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

    vue如何封裝Axios的get、post請求

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

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

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

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

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

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

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

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

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

    vue快速入門基礎知識教程

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

    Vuejs第十三篇之組件——雜項

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

最新評論