在uniapp项目中配置devserver代理,需要先检查用的vue版本。
vue3不能在manifest.json配置代理。
1.先检查项目用的vue版本
找到manifest.json文件查看vue的版本。
2.vue2在manifest.json内配置
- "h5" : {
- "devServer": {
- "port": 8080, //端口号
- "disableHostCheck": true,
- "proxy": {
- "/dev-api": {
- "target": "http://localhost:8081", //自己项目接口域名1
- "changeOrigin": true, //是否跨域
- "secure": true, // 设置支持https协议的代理
- "pathRewrite": {
- "^/dev-api": ""
- }
- }
- }
- }
- }
3.vue3框架配置代理如下:
在项目根目录下找到config.js文件,没有则创建。
- server: {
- proxy: {
- '/dev-api': {
- target: 'http://localhost:8081', // 目标服务
- changeOrigin: true,
- rewrite: path => path.replace(/^\/dev-api/, ''),
- }
- }
- }
修改完配置后,保存,重启项目使配置生效。