节点 webpack 开发服务器在 vuejs 项目中失败“无法获取/”

Question

当我通过 webpack 运行我的节点开发服务器时，我的浏览器打印出一条超级无用的消息“无法获取 /”。我正在使用以下内容构建 Vuejs 应用程序：

• VueJs 的结构由这个Vue 模板指示，我的节点脚本与默认命令相同
• 基于Vue Loader 的Webpack 配置
• 通过Vue Router处理的路由

我知道这不是什么大不了的事情，但是知道是什么触发了这个错误（Node？Webpack？Vue Router？），它会为我指明正确的方向，我将不胜感激。

Answer 1

如果您在使用 Vite 时遇到此问题，请确保您仅vite在package.json脚本中运行，而不是 vite preview

Answer 2

我发现自己遇到了同样的问题。就我而言，它与Express与Vue.js的使用有关。所以我离开我的解决方案以防万一有人觉得它有用

我添加了此代码来处理对我的index.html文件的调用

app.route('/*')
    .get(function(req, res) {
          res.sendFile(path.join(__dirname + '/dist/index.html'));
});

module.exports = app;

Answer 3

Node 抛出错误并确保你的 vue 路由器配置正确，Cannot GET 仅仅意味着你没有为你的 url 分配视图，例如在 Express 上我们使用 app.use('/', 你的路线)，在连接上我们使用 app .get 或 app.post 所有内容都说明没有分配给该 url 的内容/视图。