当VUE3使用在html中,如何设置代理在html中使用vuejs3.0框架以及设置跨域代理 devserver

在 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 这个地址。