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

Question

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

Answer 1

在使用 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 应用中设置代理了。