Webpack webpack-dev-server + axios + php - 它们如何工作？

Question

我正在使用webpack-dev-server来运行我的Vue应用程序。

webpack配置：

const merge = require('webpack-merge');
const common = require('./webpack.common.js')

module.exports = merge(common, {
  mode: 'development',
  devtool: 'inline-source-map',
  devServer: {
    contentBase: './dist'
  }
})

有组件视图：

let result = await axios({
    method: 'get',
    url: 'http://127.0.0.1/xxx/data.php'
})
console.log(result.data)

当我跑：

$ npm run start

我的网站在http://localhost:8080供应

但是console.log(result.data)不会返回应该由php文件处理的数据，而是以文本形式返回php代码：

http://127.0.0.1/xxx/data.php
<?php
....
....
....

有什么想法吗？

笔记：

1. 我已经在LAMP上运行了php，我可以在http://127.0.0.1/xxx/data.php执行php文件并获取处理过的数据。

Answer 1

Webpack不处理php文件，因为php文件只是一个文本文件，你需要安装像Wamp，xamp这样的本地服务器或者使用php服务器中的build来处理它。

Answer 2

webpack使用js，而不是php

你仍然需要使用nodejs来编译你的文件，但如果你想提供php内容，你需要使用php的INSTEAD

Answer 3

事实证明，代码没有任何问题，但它是导致问题的webpack-dev服务器 - 它不会为更新的代码“刷新”浏览器，即使这是它的作用！所以我必须清理我的浏览器缓存并手动刷新我的浏览器然后我得到结果。显然它不是一个可靠的插件！