zoukankan      html  css  js  c++  java
  • Vue-cli 本地跨域配置方法

    在根目录创建vue.config.js

    在module.exports中配置devserver的内容

     devServer: {
            host:'0.0.0.0',
            port: 8080,//端口号
            open: true,//运行项目自启
            proxy:{
                '/api':{
                    target:'http://localhost:3000/',//跨域请求资源地址
                    ws:true,//是否启用websockets
                    changeOrigin:true,//开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
                    pathRewrite:{
                        '^/api':''//注册全局路径
                    }
                }
            }
        },

    因为顺手注册了全局路径,取资源就可以使用/api,例如:

    this.$ajax.get(`/api/personalized?limit=6`,{})
  • 相关阅读:
    Python Day23
    Python Day22
    Python Day21
    Python Day20
    Python Day19
    Python Day18
    Python Day17
    python全栈开发 * 18 面向对象知识点汇总 * 180530
    python全栈开发 * 15知识点汇总 * 180621
    python全栈开发 * 14 知识点汇总 * 180530
  • 原文地址:https://www.cnblogs.com/raonet/p/11778036.html
Copyright © 2011-2022 走看看