小编Ant*_*ony的帖子

我从一个名为vuetable-2的 Larvavel + Vue 组件开始下载（顺便说一句，非常好）。

首先，php artisan serve作品。一切都很好，除了它不会热部署对 .vue 文件的更改。

我终于开始npm run hot工作了，但是，当转到页面时，我收到浏览器消息：

不能获取 /

所采取的行动：

• 检查了我的依赖项，据我所知，一切都是正确的。
• 删除 node_modules 并重新构建（现在三次） npm install
• 创建了一个单独的测试项目来确认 Vue 确实热重载（确实
  如此）

我怀疑问题出在某处的某些配置上，但对于我的生活，无法弄清楚在哪里。

我发现的唯一奇怪的事情是，webpack.config.js它说它会使用port 3000，然而，唯一似乎正在工作的端口是使用 artisan 时的 8000，或者run dev hot 使用 8080产生上述消息。

但是，如果我对文件进行更改，我会得到很好的 Laravel Mix toast 提示构建成功与否，但在浏览器中看不到它们。该webpack.config.js也有正确的构建路径，是public/。

这是我的 package.json 文件：

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=./webpack.config.js",
    "watch": "cross-env …

我有一个Laravel 5.4 API,在Postman和浏览器中工作正常.Localhost工作正常 - Laravel 5.4在一个端口上运行,而热部署模式下的Vue运行正常.

但是,当我将Vue代码移动到我的生产服务器时,我收到此错误:

Response for preflight is invalid (redirect)

在Chrome开发者工具中,网络标签显示以下内容:

一般

Request URL:http://backend-dev.xolas.io/api/v1/view/calendar/-30/90/
Request Method:OPTIONS
Status Code:301 Moved Permanently
Remote Address:217.182.66.247:80
Referrer Policy:no-referrer-when-downgrade

响应标题

Connection:Keep-Alive
Content-Length:349
Content-Type:text/html; charset=iso-8859-1
Date:Mon, 10 Jul 2017 13:40:08 GMT
Keep-Alive:timeout=5, max=100
Location:http://backend-dev.xolas.io/api/v1/view/calendar/-30/90
Server:Apache/2.4.25 (Ubuntu)

起源标题

Accept:*/*
Accept-Encoding:gzip, deflate
Accept-Language:en-US,en;q=0.8
Access-Control-Request-Headers:access-control-allow-origin,authorization
Access-Control-Request-Method:GET
Connection:keep-alive
Host:backend-dev.xolas.io
Origin:http://localhost:8080
Referer:http://localhost:8080/
User-Agent:Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.109 Mobile Safari/537.36

我在Laravel上安装了一个CORS插件,仍然没有任何乐趣.

我的axios配置如下:

axios.defaults.headers.common['Authorization'] = store.apiKey
axios.defaults.headers.get['Content-Type'] = 'application/json;charset=utf-8'
axios.defaults.headers.post['Content-Type'] = …