Vue-cli3.x 調用本地json文件

首先新建一個cart.json文件，內容格式如下

[
    {
        "id": 1,
        "productName": "聯想拯救者R7000",
        "producPrice": 4500,
        "producCount": 3
    },
    {
        "id": 2,
        "productName": "聯想拯救者R7000",
        "producPrice": 4500,
        "producCount": 3
    }
]

放在public文件下面，然后在頁面，使用axios調用json文件，url里面直接寫就好了

 

 打印出來就是這樣啦

 

感覺放在public里面不太安全，建議盡在本地學習調式使用哈