为什么在 City.vue 里用 axios 请求数据的时候之前设置的 proxy 没用了?

来源:8-5 Vue项目城市选择页 - 页面的动态数据渲染

MRNUR

2019-08-10

这是在 config 目录下的 index.js 文件中设置的 proxyTable

proxyTable: {
      'api': {
        taget: "http://localhost:8080",
        pathRewrite:{
          '^/api': '/static/mock'
        }
      }
    },

City.vue 中的 逻辑代码

<script>
    import axios from "axios";
    import CityHeader from "./components/Header";
    import CitySearch from "./components/Search";
    import CityList from "./components/List";
    import CityAlphabet from "./components/Alphabet";
    export default {
        name: "City",
        components: {
            CityHeader,
            CitySearch,
            CityList,
            CityAlphabet
        },
        methods: {
            getCityInfo(){
                axios.get("/api/city.json").then(this.handleGetCityInfoSucc)
            },
            handleGetCityInfoSucc(res) {
                console.log(res);
            }
        },
        mounted() {
            this.getCityInfo();
        }
    }
</script>

图片描述

换成 axios.get("/static/mock/city.json").then(this.handleGetCityInfoSucc) 就没问题
图片描述

写回答

1回答

Dell

2019-08-11

是新版的脚手架,还是我用的版本?

0
1
MRNUR
用的老师的版本, vue-cli 2,这是我第二次做这个项目了,第一次没出现过这个问题,只不过第一次没用 git ,直接在本地开发的代码,这次其实也不是 git 的问题我觉得(因为在 Home 组件里面请求数据的时候还好好的)。我重做一下 City 里请求数据的那一块,看能不能行(在 City 组件里把请求地址换成 index.json 也是报 404)。
2019-08-11
共1条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代,企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

查看课程