前端在vue.config百分百解决跨域的方法

Vue.js 是一个基于 Vue.js 的构建单页面应用的前端框架，可以通过 Vue CLI 生成项目。在 Vue.js 项目中，可以通过配置 vue.config.js 文件来解决跨域问题。

以下是在 vue.config.js 中配置解决跨域的方法：

1. 首先在 vue.config.js 文件中添加 devServer 字段：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 你想要跨域访问的API地址
        changeOrigin: true, // 允许跨域
        pathRewrite: {
          '^/api': '' // 重写路径，将 /api 替换为空
        }
      }
    }
  }
}

2. 在代码中使用 axios 或者 fetch 请求时，将 URL 前缀设置为 /api。

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

通过以上配置和代码，可以实现在开发环境中完美解决跨域问题。但是需要注意的是，这种方式只适用于开发环境，上线后需要在后端进行跨域配置。