<del id="ws02u"></del>

<strike id="ws02u"></strike>

<fieldset id="ws02u"></fieldset>

vue-cli加載不到dev-server.js的解決辦法

venmos 發布于2019-08-21 17:45 / 1897人閱讀

摘要：首先在后添加開發框架，用來簡化操作創建的開發框架的實例引用的地址某一個請求配置在選項中添加以下內容這里是你的內容注意修改配置文件完畢后，需要重新運行命令即可。

在使用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)
 })
}

GPU云服務器云服務器的解決辦法微軟的解決辦法 use的解決辦法換ip的解決辦法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/89966.html

vue-cli 項目結構

摘要：項目結構為我們搭建開發所需要的環境目錄結構及主要功能項目構建相關代碼生產環境構建代碼檢查等版本熱重載相關構建本地服務器構建工具相關基礎配置開發環境配置生產環境配置項目開發環境配置開發環境 Vue-cli 項目結構 vue-cli 為我們搭建開發所需要的環境目錄結構及主要功能 |-- build // 項目構建(webpack)...

int64 2019-08-21 17:40 評論0 收藏0
vue-cli 項目結構

摘要：項目結構為我們搭建開發所需要的環境目錄結構及主要功能項目構建相關代碼生產環境構建代碼檢查等版本熱重載相關構建本地服務器構建工具相關基礎配置開發環境配置生產環境配置項目開發環境配置開發環境 Vue-cli 項目結構 vue-cli 為我們搭建開發所需要的環境目錄結構及主要功能 |-- build // 項目構建(webpack)...

Markxu 2019-08-01 18:00 評論0 收藏0
vue-cli 項目結構

摘要：項目結構為我們搭建開發所需要的環境目錄結構及主要功能項目構建相關代碼生產環境構建代碼檢查等版本熱重載相關構建本地服務器構建工具相關基礎配置開發環境配置生產環境配置項目開發環境配置開發環境 Vue-cli 項目結構 vue-cli 為我們搭建開發所需要的環境目錄結構及主要功能 |-- build // 項目構建(webpack)...

trilever 2019-08-29 13:49 評論0 收藏0
webpack開發與生產環境配置

摘要：豹哥對于剛開始小白的自己雖然現在也白知無不談，而且回復超快超認真。這里真的很感謝豹哥。是項目啟動時的一些文件，如的配置文件開發環境服務配置文件一些簡單工具函數等等。是關于整個項目的環境配置包括開發與生產。前言作者去年就開始使用webpack, 最早的接觸就來自于vue-cli。那個時候工作重點主要也是 vue 的使用，對webpack的配置是知之甚少，期間有問題也是詢問大牛 @呂大...

afishhhhh 2019-08-20 18:32 評論0 收藏0
vue學習筆記（四）

摘要：提供了兩種向組件傳遞參數的方式。子路由項路徑不要使用開頭，以開頭的嵌套路徑會被當作根路徑。路由實例的方法這里學習兩個路由實例的方法和。實際上，是通過不同的將這些資源加載后打包，然后輸出打包后文件。一、vue-router 1、簡介我們經常使用vue開發單頁面應用程序（SPA）。在開發SPA過程中，路由是必不可少的部分，vue的官方推薦是vue-router。單頁面應用程序看起來好像...

frank_fun 2019-08-21 17:16 評論0 收藏0