html文件导入axios如何避免跨域

在使用axios进行跨域请求时，可以通过设置代理服务器来避免跨域问题。具体步骤如下：

1. 在项目的根目录下创建一个名为`vue.config.js`的文件。

2. 在`vue.config.js`文件中设置代理服务器：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', //要访问的后端接口地址
        changeOrigin: true, //开启代理服务器
        pathRewrite: {
          '^/api': '' //规定请求地址以/api开头的，替换为空字符串
        }
      }
    }
  }
}

3. 在html文件中使用axios时，请求地址前加上`/api`即可：

axios.get('/api/users').then(res => {
  console.log(res.data)
}).catch(err => {
  console.log(err)
})

这样就可以在html文件中使用axios进行跨域请求了。需要注意的是，代理服务器只能在开发环境中使用，生产环境中需要在后端进行跨域设置。