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'
  }
})

vue组件：

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
....
....
....

有什么想法吗？

注意：

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

Answer 1

Webpack不会处理php文件，因为它只是一个文本文件，您需要挂载Wamp，xamp之类的本地服务器，或者使用内置的php服务器来处理它。

Answer 2

webpack使用js，而不是php

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

Answer 3

事实证明，代码没有问题，但是导致问题的原因是webpack-dev-server-即使这样做确实不会“刷新”浏览器以获取更新的代码！因此，我必须清理浏览器缓存并手动刷新浏览器，然后才能得到结果。显然，这不是一个可靠的插件！

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

3 个答案: