前端跨域相关

注:前端配置跨域后服务器端(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)

}

})

相关推荐
学传打活4 天前
【边打字.边学昆仑正义文化】_进阶篇5 宇宙星系的运转(续1)
微信公众平台·1024程序员节·汉字·昆仑正义文化
fangzhanpeng16812 天前
快速掌握C#语言基础知识点(1.基础数据类型)
开发语言·c#·1024程序员节
无己心14 天前
面向多平台 AI 搜索引擎的适配层架构设计
前端·人工智能·搜索引擎·ai·1024程序员节
u01030552720 天前
AI驱动的安卓UI自动生成功能实现
人工智能·1024程序员节
u01030552720 天前
长株潭智能体赋能腾讯元器链接共享
1024程序员节
云贝贝贝21 天前
OceanBase认证体系介绍与备考指南
运维·服务器·oceanbase·1024程序员节
u01030552722 天前
Java图像处理实战指南
人工智能·1024程序员节
u01030552722 天前
Java AWT鼠标事件全解析
人工智能·1024程序员节
u01030552724 天前
Java实用类应用精讲
人工智能·1024程序员节
u01030552725 天前
Java I/O核心操作实战
人工智能·1024程序员节