请求报错,下面整理一下解决过程
Access to XMLHttpRequest at 'http://****/index.php?text=uni.request' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
1、创建uni-app项目
vue create -p dcloudio/uni-preset-vue note
选择默认模板
2、我使用的是宝塔面板,在配置中增加以下代码开启跨域访问
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET,POST,OPTIONS';
3、发送请求
<template>
<view class="content">
<button type="primary" @click="upload">前后端交互</button>
</view>
</template>
```<script>
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
},
methods: {
upload(){
uni.request({
url: 'http://www.example.com/index.php', //仅为示例,并非真实接口地址。
data: {
text: 'uni.request'
},
success: (res) => {
console.log(res.data);
this.text = 'request success';
}
});
}
}
}
</script>