事实上, 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);
- })
来源: http://www.bubuko.com/infodetail-3358543.html