关于#html#的问题，如何解决？

当VUE3使用在html中。如何设置代理
在html中使用vue.js3.0框架如何设置跨域代理devserver

在使用 Vue.js 3.0 开发时，可以使用 Vue CLI 4.x 或以上版本提供的 devServer 配置来设置跨域代理。

以下是设置代理的步骤：

在项目根目录下创建一个 vue.config.js 文件，如果该文件已存在，则打开该文件。

在 vue.config.js 中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 设置代理的目标地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 将 /api 前缀替换为空
        }
      }
    }
  }
}

以上代码中，/api 是代理的请求前缀，将会被替换为目标地址 http://localhost:3000。

changeOrigin: true 表示开启跨域请求，并将请求头中的 Origin 字段改为目标地址。

pathRewrite 可以对请求的路径进行重写。

在 Vue 组件中发起请求时，使用 /api 前缀即可：

javascript

axios.get('/api/user')

这样就可以在 Vue.js 3.0 应用中设置代理了。

在 Vue 3 中，可以使用 vue-cli-service 创建一个开发服务器，并设置代理来处理跨域请求。以下是如何设置代理的步骤：
在项目根目录下创建一个 vue.config.js 文件，如果已经存在，则跳过此步骤。
在 vue.config.js 文件中添加以下代码：


module.exports = {
  devServer: {
    proxy: {
      '^/api': {
        target: 'http://localhost:3000',
        changeOrigin: true
      }
    }
  }
}

这里的代理规则表示：以 /api 开头的请求会被代理到 http://localhost:3000/ 这个地址。

启动开发服务器时，加上 --open 参数，让浏览器自动打开页面：

npm run serve -- --open

现在，你就可以在 Vue 3 应用中发起跨域请求了，所有以 /api 开头的请求会被代理到 http://localhost:3000/ 这个地址。