前端跨域相关

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

}

})

相关推荐
CoderYanger7 小时前
递归、搜索与回溯-记忆化搜索:38.最长递增子序列
java·算法·leetcode·1024程序员节
CoderYanger9 小时前
C.滑动窗口-越短越合法/求最长/最大——2958. 最多 K 个重复元素的最长子数组
java·数据结构·算法·leetcode·哈希算法·1024程序员节
CoderYanger17 小时前
A.每日一题——2435. 矩阵中和能被 K 整除的路径
开发语言·线性代数·算法·leetcode·矩阵·深度优先·1024程序员节
CoderYanger1 天前
递归、搜索与回溯-穷举vs暴搜vs深搜vs回溯vs剪枝:12.全排列
java·算法·leetcode·机器学习·深度优先·剪枝·1024程序员节
QQ20795235591 天前
基于机器学习的农产品价格数据分析与预测的可视化系统毕业设计项目源码
1024程序员节
金融小师妹1 天前
基于LSTM-GARCH混合模型:降息预期驱动金价攀升,白银刷新历史峰值的蒙特卡洛模拟验证
大数据·人工智能·深度学习·1024程序员节
普通网友1 天前
‌Flutter vs Kotlin:移动开发的未来趋势与选择
1024程序员节
我来整一篇2 天前
[油猴脚本] 微软必应奖励每日任务脚本
1024程序员节
金融小师妹2 天前
AI视角下黄金避风港属性的量化验证:基于2000-2025年历史数据的时序分析
大数据·人工智能·深度学习·1024程序员节
君以思为故2 天前
认识linux -- 进程控制
linux·运维·1024程序员节