事实上,3以上的版本安装好以后没有主配置文件,它不像2的版本有专门的config文件夹可以处理配置,所以我们需要新建vue.config.js 【默认情况下,3以上的版本可以直接识别这个js文件,把它当做自己的配置文件】
步骤如下:
1、在项目框架的根目录下新建文件:vue.config.js
2、重启项目,这样的话新建的文件就可以被识别了
3、给新建的文件内添加解决跨域的代码部分
module.exports = { outputDir: 'serve', //build输出目录 assetsDir: 'assets', //静态资源目录(js, css, img) lintOnSave: false, //是否开启eslint devServer: { open: true, //是否自动弹出浏览器页面 host: "localhost", port: '8081', https: false, //是否使用https协议 hotOnly: false, //是否开启热更新 proxy: { '/api': { target: 'http://www.1707laravel.com/api', //API服务器的地址 ws: true, //代理websockets changeOrigin: true, // 虚拟的站点需要更管origin pathRewrite: { //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc' '^/api': '' } } } } }
配置好以后就可以执行请求了,例如post请求是:
this.$axios.post('/api/register',{ name:this.user_name, email:this.user_email, pwd:this.user_pwd, rpwd:this.user_rpwd, phone:this.user_phone, sex:this.user_sex }) .then(function (res) { console.log(res); })