本文主要是介绍uniapp vue-cli项目配置devServer和outPutDir，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
上一次说了使用vue-cli创建uni-app项目，然后使用第三方工具开发打包，利用jekins发布等。
这一次我想解决以下问题：
1我想配置devServer供开发环境使用，这样也可以解决开发环境的跨域问题
2以前我的每个版本信息都配置在package,json---uni-app----scripts里,然后配置不同的打包脚本：npm run build:custom h5-test(\(h5-prod),这样虽然能满足使用，但是每次部署新环境就要加对应的配置信息，操作起来还是有点繁琐，我想把他改为根据url自动识别api地址，这样就能一劳永逸，部署多少版本我都不用动代码了。
3能根据url自动识别api后，那我也就不需要设置多个打包脚本，我只用跟常规vue项目一样，npm run build就可以了，但是输出路径还是不一样，默认在dist/build/h5,我想改成跟常规vue项目一样，在dist下
一、配置devserver,需要在manifest.json文件的h5属性里配置以下代码
"devServer": {"proxy": {"/api": {"target": "https://www.qq.com","changeOrigin": true,"ws": true,"secure": false}}}配置完竟然不生效，发现在代码里根据环境设置了api地址，把开发环境的设为空，线上环境取路径url
const BASE_URL=process.env.NODE_ENV==='development'?'':window.location.host如果请求的时候是用BASE_URL+API路径，那就注释掉
这样就可以代理请求访问api了，还解决跨域问题了。
二、以前都是每个版本在packages.json文件下配置 uni-app--scripts。现在直接注释掉就行。现在好了，url发布后岁路径变化，所以我就只需要npm run build一个打包命令就可以了，运行时自动会识别路径地址
三、在npm run build对应的命令中增加红色部分，这样打包产物就会在dist文件下，而不会还有build/h5了
"build": "cross-env NODE_ENV=production UNI_PLATFORM=h5 UNI_OUTPUT_DIR=dist vue-cli-service uni-build",
这篇关于uniapp vue-cli项目配置devServer和outPutDir的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
