我正在尝试在Vue.js中从API获取数据并使用console.log打印响应,但是我遇到了CORS问题,具体来说是:from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
我读到需要创建一个vue.config.js
文件,我已经创建了,但没有任何改变。我还尝试了使用fetch api,也许我在Vue中使用http调用的方式有误,那么我该如何获取数据并解决这个错误呢?
这是我的组件代码:
<template>
<div class="container">
</div>
</template>
<script>
import axios from "axios";
export default {
name: "HelloWorld",
methods: {},
mounted() {
axios
.get(
"https://base-url"
)
.then(response => console.log(response));
}
};
</script>
我的vue.config.js
文件内容如下:
module.exports = {
devServer: {
proxy: 'base-url',
}
}