vue2
打开HbuilderX 找到 manifest.json 文件,点击源码视图,如下图:
找到 h5 位置的配置信息,增加代理配置信息,
"h5": {
"devServer": {
"disableHostCheck": true, //禁止访问本地host文件
"port": 8085, //修改项目端口
"proxy": {
/**配置服务器路径**/
"/api": {
"target": "https://api.xxx.com",// 目标服务器
"changeOrigin": true,
/**重写路径**/
"pathRewrite": {
"^/api": ""
}
}
}
}
}
然后重启项目
vue3
创建uniapp项目,在项目根目录下面创建一个名为vite.config.js的文件
import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
export default defineConfig({
plugins: [
uni()
],
server: {
cors: true, // 默认启用并允许任何源
open: true, // vite项目启动时自动打开浏览器
host: '0.0.0.0', //设置为0.0.0.0则所有的地址均能访问
port: 8085,
proxy: {
'/api': {
target: 'https://api.xxx.com', // 目标服务
changeOrigin: true,
rewrite: path => path.replace(/^\/api/, ''),
}
}
}
})
重启项目