【 Vue 】配置跨域

最新推荐文章于 2024-09-26 16:55:21 发布

zwj、

最新推荐文章于 2024-09-26 16:55:21 发布

阅读量124

点赞数

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/twisted_/article/details/120348150

版权

配置跨域

vue.config.js

module.exports = {
    // 配置跨域
    devServer: {
        proxy: {
            '/api': {
            	// 接口路径
                target: 'http://localhost:5050/',
                // 是否跨域
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                    '^/api': ''  //路径重写 
                }
            }
        }
    }
}

获取数据

<script>
export default {
  name: "Login",
  data() {
    return {
      userInfo: {
        name: "zwj",
        email: "2236541780@qq.com",
        role: "user",
        password: "123456",
      },
    };
  },
  methods: {
    getData() {
      this.$axios
        .post("/api/user/register", this.userInfo)
        .then((res) => {
          console.log(res);
        })
        .catch((error) => {
          console.log(error);
        });
    },
  },
  created() {
    this.getData();
  },
};
</script>