摘要:首先在后添加開發框架,用來簡化操作創建的開發框架的實例引用的地址某一個請求配置在選項中添加以下內容這里是你的內容注意修改配置文件完畢后,需要重新運行命令即可。
在使用vue開發過程中,難免需要去本地數據地址進行請求,而原版配置在dev-server.js中,新版vue-webpack-template已經刪除dev-server.js,改用webpack.dev.conf.js代替,所以 配置本地訪問在webpack.dev.conf.js里配置即可。
#webpack.dev.conf.js // 首先在const portfinder = require("portfinder")后添加 // nodejs開發框架express,用來簡化操作 const express = require("express") // 創建node.js的express開發框架的實例 const app = express() // 引用的json地址 var appData = require("../data.json") // json某一個key var goods = appData.result var apiRoutes = express.Router() app.use("/api", apiRoutes)1. get請求配置
#webpack.dev.conf.js // 在devServer選項中添加以下內容 before(app) { app.get("/api/someApi", (req, res) => { res.json({ // 這里是你的json內容 }) }) }
注意: 修改配置文件完畢后,需要重新運行命令npm run dev即可。
2. post請求配置。如果要配置post請求,需要在該文件夾配置如下:
#webpack.dev.conf.js apiRoutes.post("/foods", function (req, res) { //注意這里改為post就可以了 res.json({ error: 0, data: foods }); }) // 在組件里面 #...vue created () { this.$http.post("http://localhost:8080/api/foods").then((res) => { console.log(res) }) }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/89966.html
摘要:項目結構為我們搭建開發所需要的環境目錄結構及主要功能項目構建相關代碼生產環境構建代碼檢查等版本熱重載相關構建本地服務器構建工具相關基礎配置開發環境配置生產環境配置項目開發環境配置開發環境 Vue-cli 項目結構 vue-cli 為我們搭建開發所需要的環境 目錄結構及主要功能 |-- build // 項目構建(webpack)...
摘要:項目結構為我們搭建開發所需要的環境目錄結構及主要功能項目構建相關代碼生產環境構建代碼檢查等版本熱重載相關構建本地服務器構建工具相關基礎配置開發環境配置生產環境配置項目開發環境配置開發環境 Vue-cli 項目結構 vue-cli 為我們搭建開發所需要的環境 目錄結構及主要功能 |-- build // 項目構建(webpack)...
摘要:項目結構為我們搭建開發所需要的環境目錄結構及主要功能項目構建相關代碼生產環境構建代碼檢查等版本熱重載相關構建本地服務器構建工具相關基礎配置開發環境配置生產環境配置項目開發環境配置開發環境 Vue-cli 項目結構 vue-cli 為我們搭建開發所需要的環境 目錄結構及主要功能 |-- build // 項目構建(webpack)...
摘要:豹哥對于剛開始小白的自己雖然現在也白知無不談,而且回復超快超認真。這里真的很感謝豹哥。是項目啟動時的一些文件,如的配置文件開發環境服務配置文件一些簡單工具函數等等。是關于整個項目的環境配置包括開發與生產。 前言 作者去年就開始使用webpack, 最早的接觸就來自于vue-cli。那個時候工作重點主要也是 vue 的使用,對webpack的配置是知之甚少,期間有問題也是詢問大牛 @呂大...
摘要:提供了兩種向組件傳遞參數的方式。子路由項路徑不要使用開頭,以開頭的嵌套路徑會被當作根路徑。路由實例的方法這里學習兩個路由實例的方法和。實際上,是通過不同的將這些資源加載后打包,然后輸出打包后文件。 一、vue-router 1、簡介 我們經常使用vue開發單頁面應用程序(SPA)。在開發SPA過程中,路由是必不可少的部分,vue的官方推薦是vue-router。單頁面應用程序看起來好像...
閱讀 2082·2021-11-02 14:48
閱讀 2760·2019-08-30 14:19
閱讀 2929·2019-08-30 13:19
閱讀 1297·2019-08-29 16:17
閱讀 3230·2019-08-26 14:05
閱讀 2987·2019-08-26 13:58
閱讀 3075·2019-08-23 18:10
閱讀 1105·2019-08-23 18:04