HBuilder uniapp中H使用vue.confiy 不生效的问题

简单概括,HB里面有manifest.json有个叫web配置的,会盖住vue.confiy,所以记得删除就行了

//删除全部
"h5": {
		"router": {
			"base": "./"
		},
		"devServer": {
			"https": false,
			"disableHostCheck": true,
			"proxy": {
				"/api": {
					"target": "http://www.baidu.com",
					"changeOrigin": true,
					"secure": false,
					"ws": false,
					"pathRewrite": {
						"^/api": ""
					}
				}
			}
		}
	}

配置代理

module.exports = {
  devServer: {
    // 代理配置
    proxy: {
      // 这里的api 表示如果我们的请求地址有/api的时候,就出触发代理机制
      // http://localhost:9588/api/abc  => 代理给另一个服务器
      // 本地的前端  =》 本地的后端  =》 代理我们向另一个服务器发请求 （行得通）
      // 本地的前端  =》 另外一个服务器发请求 （跨域 行不通）
      "/api": {
        target: "http://111.222.333cn", // 打比方这是我们要代理的地址
        changeOrigin: true, // 是否跨域 需要设置此值为true 才可以让本地服务代理我们发出请求
        // 路径重写
        pathRewrite: {
          // 假设我们想把 http://localhost:9588/api/abc 变成www.baidu.com/abc 就需要这么做
          "/api": "/",
        },
      },
    },
  },
};

以下是凑字数的lj话

关于HBuilder X（通常简称为HX）和vue.config.js是否能一起使用的问题，我可以给出以下分析：

1. HBuilder X的兼容性：
   • HBuilder X是一个专为前端开发者设计的集成开发环境（IDE），支持多种前端框架和技术，包括Vue.js。
   • HBuilder X基于Electron平台，支持跨平台运行，可以在Windows、macOS和Linux等操作系统上使用。
   • 它提供了多种前端框架和技术支持，包括Vue.js，因此，在理论上，使用HBuilder X开发Vue项目是没有问题的。
2. vue.config.js的用途：
   • vue.config.js是一个可选的配置文件，如果项目的 (和package.json同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。
   • 通过这个文件，你可以自定义Vue CLI项目的配置，包括修改webpack配置、配置开发服务器、配置公共资源路径等。
3. HBuilder X与vue.config.js的兼容性：
   • 由于HBuilder X支持Vue.js开发，并且vue.config.js是Vue CLI项目的一个标准配置文件，因此在大多数情况下，它们应该可以一起使用。
   • 然而，如果在具体使用过程中遇到了问题，可能是由于项目的特定配置或环境差异导致的。
4. 可能的bug和解决方案：
   • 如果在HBuilder X中无法识别或加载vue.config.js文件，可能是由于文件路径不正确、文件格式错误或IDE的某些设置问题导致的。
     • 检查文件路径：确保vue.config.js文件位于项目的根目录下。
     • 检查文件格式：确保文件没有语法错误，并且是一个有效的JavaScript文件。
     • 检查HBuilder X的设置：查看是否有相关的插件或设置可以影响对vue.config.js文件的加载。
   • 如果在HBuilder X中运行Vue项目时出现了与vue.config.js相关的错误，可能是由于配置问题导致的。
     • 检查配置内容：确保vue.config.js中的配置是正确的，并且与项目的其他部分兼容。
     • 查看官方文档：Vue CLI的官方文档通常包含了关于vue.config.js的详细信息和示例，可以作为参考。
     • 搜索社区资源：在Vue和HBuilder X的社区中搜索类似的问题和解决方案，可能有人已经遇到了类似的问题并分享了解决方案。

综上所述，HBuilder X和vue.config.js通常是可以一起使用的，但在具体使用过程中可能会遇到一些问题。通过仔细检查和调试，大多数问题都可以得到解决。