碰到vue跨域问题,网上很多的解答都是在config文件夹下的config.js文件中配置前端代理。
但是在vue-cli3环境下创建的vue工程根本没有config文件,如何解决呢?
我们需要新建一个`vue.config.js`必须是这个文件名,不可更改
然后:
复制粘贴如下内容:
module.exports = { devServer: { proxy:"http://127.0.0.1:8000/add",//请求后台的地址 port: 8085//前台使用的代理端口 } }
Vue中使用axios请求的代码如下
methods: { onSubmit() { this.form.create_time = new Date() this.$axios.post('/addarticle',this.form).then(function (resp) {//其中完整的后台地址为: console.log("success") }) } }
http://127.0.0.1:8000/add/addarticle
已经成功的完成了数据的存操作