uniapp解决h5跨域问题
时间: 2023-10-07 15:10:57 浏览: 270
详解vue或uni-app的跨域问题解决方案
5星 · 资源好评率100%
Uniapp 在 H5 平台下,可以通过配置 `manifest.json` 文件的 `h5` 属性来解决跨域问题。具体操作如下:
1. 在项目的根目录下,创建 `manifest.json` 文件,内容如下:
```json
{
"h5": {
"devServer": {
"proxy": {
"/api": {
"target": "http://example.com",
"changeOrigin": true
}
}
}
}
}
```
2. 在 `devServer` 中配置代理。上述例子中,将 `/api` 的请求代理到 `http://example.com`,并设置 `changeOrigin` 为 `true`。
3. 在 `vue.config.js` 中配置 `manifest.json` 文件路径:
```javascript
module.exports = {
chainWebpack: (config) => {
config.plugin("manifest").use(require("webpack-manifest-plugin"), [
{
fileName: "manifest.json",
publicPath: "/"
}
]);
}
};
```
以上操作完成后,重新启动项目,即可实现 H5 跨域。
阅读全文