浙江华洋建设有限公司网站,网站换域名怎么做,wordpress安装页面,做app网站的公司uniapp跨域设置了#xff0c;但还是有问题 uniapp设置代理后还是无法请求后端接口vue2项目设置代理vue3项目设置代理 uniapp设置代理后还是无法请求后端接口
如果你在possman#xff0c;apifox上测试接口都没有问题#xff0c;但是在hbuild项目中设置代理后#xff0c;还是… uniapp跨域设置了但还是有问题 uniapp设置代理后还是无法请求后端接口vue2项目设置代理vue3项目设置代理 uniapp设置代理后还是无法请求后端接口
如果你在possmanapifox上测试接口都没有问题但是在hbuild项目中设置代理后还是无法正确调用接口那么你就要考虑是否是你的代理设置的有问题了 vue3在manifest.json里配置devServer转发是不生效的 vue3在manifest.json里配置vue.config.js也是不生效的
vue2项目设置代理
打开项目找到manifest.json文件并打开点源码视图查看源码然后找到vueVersion
vueVersion: 2在后面加入代码
vueVersion: 2,h5: {devServer: {port: 8080, //浏览器运行端口disableHostCheck: true, //设置跳过host检查proxy: {/dev-api: {target: http://1.1.x.18:111, //目标接口域名changeOrigin: true, //是否跨域secure: false, // 设置支持https协议的代理pathRewrite: {^/dev-api: }}}}}然后重启启动项目即可
vue3项目设置代理
如果你创建的是vue3的项目那么就要特别注意了vue2方法配置的代理在vue3中是无法生效的哪怕可以用也是各种问题博主踩坑了一个下午一直在找问题 vue3 是使用 vite 打包的所以你请不要使用vue2的方法也不要使用添加使用vue.config.js的方法 正确使用vue3设置代理的方法 首先在项目的根目录下面创建vite.config.js文件 然后在vite.config.js加入如下代码
import {defineConfig
} from vite
import uni from dcloudio/vite-plugin-uni;export default defineConfig({plugins: [uni()],server: {proxy: {/api: {target: http://x.1xx.x.xx8:9999,changeOrigin: true,rewrite: path path.replace(/^\/api/, )},}}
})
最后关闭项目重启项目即可使用vite的配置文件进行代理了。
