SpringBoot vue 解決跨域問題

2021-09-17 04:03:13 字數 1114 閱讀 1790

非常簡單的前端呼叫的測試介面:

public string login(@pathvariable("username") string username, @pathvariable("password") string password)

首先專案前端入口main.js

import apiconfig from '../config/api.config'

import vue from 'vue'

import index from './index'

import axios from 'axios'

vue.config.productiontip = false

vue.prototype.$axios = axios

axios.defaults.baseurl = apiconfig.baseurl // 配置預設傳送請求到可改或者加埠號 為了動態獲取

/* eslint-disable no-new */

new vue(,

template: ''

})

這個main.js中匯入了乙個新建的api.config.js檔案

const ispro = object.is(process.env.node_env, 'production') //生產環境

module.exports =

最重要的就是配置**:

assetssubdirectory: 'static',

assetspublicpath: '/',

proxytable:

//這裡理解成用『/api』代替target裡面的位址,

//後面元件中我們掉介面時直接用api代替 

//比如我要呼叫'',

//直接寫『/api/user/add』即可}},

最後寫了乙個get請求:

登入    

請求成功!

springboot vue (跨域問題)

在後端使用spring boot。spring boot跨域非常簡單,只需書寫以下 即可。configuration public class customcorsconfiguration bean public corsfilter corsfilter spring boot應用用nginx反...

springboot vue (跨域問題)

if request method get 其中 add header access control expose headers 務必加上你請求時所帶的header。例如本例中的 token 其實是前端傳給後端過來的。如果記不得也沒有關係,瀏覽器的偵錯程式會有詳細說明。chrome firefox...

springboot vue 許可權管理系統

注意因為給了超級管理員的許可權給大家玩,所有資訊都可以操作,建議還是新建一些資訊自己隨便操作,隨意修改的話有可能改不回來 系統原始碼,可能存在一些小問題,如果需要幫助,可以加qq群 850482997 新建立的使用者密碼是 czh123,密碼重置之後也是這個 demo 前端後端 簡介該許可權管理專案...