前端跨域相关

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

}

})

相关推荐
mjhcsp11 小时前
C++ 动态规划(Dynamic Programming)详解:从理论到实战
c++·动态规划·1024程序员节
金融小师妹2 天前
基于机器学习框架的上周行情复盘:非农数据与美联储政策信号的AI驱动解析
大数据·人工智能·深度学习·1024程序员节
渣渣盟2 天前
Flink分布式文件Sink实战解析
分布式·flink·scala·1024程序员节
CoderYanger2 天前
优选算法-栈:69.验证栈序列
java·开发语言·算法·leetcode·职场和发展·1024程序员节
金融小师妹4 天前
基于机器学习与深度强化学习:非农数据触发AI多因子模型预警!12月降息预期骤降的货币政策预测
大数据·人工智能·深度学习·1024程序员节
紫麦熊4 天前
react+ts+vite+tailwind+shadcn
1024程序员节
日日行不惧千万里4 天前
MediaMTX详解
1024程序员节
金融小师妹4 天前
基于LSTM-GARCH模型:三轮黄金周期特征提取与多因子定价机制解构
人工智能·深度学习·1024程序员节
自信150413057595 天前
初学者小白复盘23之——联合与枚举
c语言·1024程序员节
CoderYanger6 天前
B.双指针——3194. 最小元素和最大元素的最小平均值
java·开发语言·数据结构·算法·leetcode·职场和发展·1024程序员节