vue-cliがdev-server.jsにロードできない解決方法を簡単に話します。

vueを使って開発する過程では、どうしても現地のデータアドレスを要求する必要があります。オリジナルはdev-server.jsに配置されています。新版vue-webpack-templateはすでにdev-server.jsを削除して、webpack.dev.com.jsに変更します。

#webpack.dev.conf.js
//  
// 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要求構成const portfinder = require('portfinder')の後に追加します。

#webpack.dev.conf.js
//  devServer         
before(app) {
 app.get('/api/someApi', (req, res) => {
  res.json({
   //      json  
  })
 })
}

注意：プロファイルの変更が完了したら、コマンドnpm run devを再実行する必要があります。
2.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)
 })
}

以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。