uniapp请求报错blockedbyCORSpolicy: No ‘Access-Control-Allow-Origin‘ header is present on the requested

请求报错，下面整理一下解决过程

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>