前端跨域相关

注:前端配置跨域后服务器端(Nginx)也需要配置,否则接口无法访问

vue跨域

配置文件 /vue.config.js

devServer: {

port: 7100,

proxy: {

'/api': {

target: 'http://域名',

changeOrigin: true,

logLevel: 'debug',

pathRewrite: { '^/api': '' }

}

}

}

调用

import axios from 'axios'

const headers = {

'Content-Type': 'application/json;charset=utf-8'

}

axios.post('/bryant/接口地址', headers).then((res) => {

cosole.log(res)

})

uniapp跨域

配置文件 /manifest.json

"devServer" : {

"https" : false,

"port" : 7101,

"proxy": {

"/api": {

"target": "https://域名",

"changeOrigin": true,

"secure": false,

"pathRewrite":{"^/api":""}

}

}

},

调用

uni.request({

url: '/api/接口',

method: 'POST',

success:ret=>{

console.log(ret)

}

})

相关推荐
earthzhang20213 天前
《深入浅出HTTPS》读书笔记(31):HTTPS和TLS/SSL
开发语言·网络·python·https·1024程序员节
不讲废话的小白5 天前
怎么样把pdf转成图片模式(不能复制文字)
pdf·1024程序员节
明明真系叻5 天前
2025.1.26机器学习笔记:C-RNN-GAN文献阅读
人工智能·笔记·深度学习·机器学习·生成对抗网络·1024程序员节
Joeysoda10 天前
Java数据结构 (从0构建链表(LinkedList))
java·linux·开发语言·数据结构·windows·链表·1024程序员节
清风-云烟12 天前
使用redis-cli命令实现redis crud操作
java·linux·数据库·redis·spring·缓存·1024程序员节
Joeysoda12 天前
Java数据结构 (链表反转(LinkedList----Leetcode206))
java·linux·开发语言·数据结构·链表·1024程序员节
比特在路上12 天前
StackOrQueueOJ3:用栈实现队列
c语言·开发语言·数据结构·1024程序员节
0xCC说逆向13 天前
Windows图形界面(GUI)-QT-C/C++ - Qt键盘与鼠标事件处理详解
c语言·开发语言·c++·windows·qt·win32·1024程序员节
明明真系叻15 天前
2025.1.18机器学习笔记:PINN文献精读
人工智能·笔记·深度学习·机器学习·1024程序员节
0xCC说逆向16 天前
Windows图形界面(GUI)-QT-C/C++ - Qt List Widget详解与应用
c语言·开发语言·c++·windows·qt·win32·1024程序员节