用VSCode开发的Vue项目请求HBuilder项目的JSON数据

在学Vue之前采用HBuilder学习了HTML,CSS.JavaScript,jQuery,AJAX,最方便的就是可以请求项目中的JSON数据,当然也可以请求【聚合数据】的数据。

现在用VSCode开发,去访问HBuilder发布的项目中的json数据,因为还没有学后台,又想模拟向服务器请求JSON,于是就这么想了,拿出电脑测试了一下。简单是简单,还是遇到了跨域CROS问题。

在config目录下的index.js文件中配置代理

用VSCode开发的Vue项目请求HBuilder项目的JSON数据_第1张图片

        proxyTable: {
            "/api": {
                target: 'http://127.0.0.1:8020',
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'
                }
            }
        },

 比如我要访问的是:http://127.0.0.1:8020/Java107%E7%8F%ADS2/day14/json/student.json#

现在写:

用VSCode开发的Vue项目请求HBuilder项目的JSON数据_第2张图片

target就是目录网址,用api来取代 http://127.0.0.1:8020

就可以了。

你可能感兴趣的:(vue.js,vscode,json)