鍍金池/ 問答/HTML/ vue2 node使用axios 發(fā)送get請(qǐng)求返回404錯(cuò)誤

vue2 node使用axios 發(fā)送get請(qǐng)求返回404錯(cuò)誤

想用vue在前端發(fā)送get請(qǐng)求,得到后臺(tái)返回的json數(shù)據(jù),但是出現(xiàn)404錯(cuò)誤,誰能幫我看一下問題出在哪里么?

//goods.vue
<script type="text/ecmascript-6">
  import './../assets/css/base.css';
  import './../assets/css/product.css';
  import './../assets/css/login.css';
  import './../assets/css/checkout.css';
  import NavHeader from '@/components/NavHeader.vue';
  import NavFooter from '@/components/NavFooter.vue'
  import NavBread from '@/components/NavBread.vue'
  import axios from 'axios'
  export default {
    data(){
      return{
        goodsList:[]
      }
    },
    components:{
      NavHeader,
      NavFooter,
      NavBread
    },
    mounted(){
      this.getGoodsList();
    },
    methods: {
      getGoodsList(){
        axios.get('/goods').then((response)=>{
          var res = response.data;
          this.goodsList = res.result;
        })
      }
    }
  }
</script>
//dev-server.js
const goodsData = require('./../mock/goods.json')
const router = express.Router()
router.get("/goods", function (req,res) {
  res.json(goodsData)
})
app.use(router)

圖片描述

回答
編輯回答
別硬撐

app.use use

2017年6月6日 13:05
編輯回答
萌面人

建議你可以先嘗試下:

  1. 先確定你的server的API是可以用的,用curl或者postman確認(rèn)
  2. 確保前端vue是訪問的server一樣的url
2017年12月25日 11:09
編輯回答
只愛你

我跟你出現(xiàn)的問題差不多 最后就是路徑的問題 你先檢查一下路徑寫的對(duì)不對(duì) 該引得資源引了沒

2018年6月11日 06:44
編輯回答
拼未來

檢查下請(qǐng)求地址能不能訪問得到

2017年8月3日 18:11
編輯回答
護(hù)她命

首先404就是表示資源未找到,看了你上面的描述,我感覺應(yīng)該是那個(gè)api的地址路徑不對(duì)造成的

2018年1月13日 04:07