Question

我为wordpress创建了一个Vue插件。在我的本地环境中一切正常。这是我的public/index.html。我只包括了我的wordpress插件。运行npm run serve。

现在我在部署到生产站点时遇到了问题。我做了npm run build，并将wordpress插件更改为指向dist/index.html。但是我得到了空白页。

我仍然需要运行npm服务器吗？

<!DOCTYPE html>
<html lang=" en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
  <title>standing order</title>
</head>

<body>

  <div id="app"></div>
  <!-- built files will be auto injected -->
  <script type="text/javascript" src="http://localhost:8083/app.js?ver=4.9.8"></script>

</body>

</html>

Answer 1

在生产环境中，您具有文件，但不需要npm run serve。只需上传捆绑包即可。

也在这里，他们在这里更详细地解释。 How to deploy Vue app?

@AndyHayden AWS S3检查是否1）索引和错误文档=== index.html; 2）为静态网站设置政策； 3）您的build.js位于s3上的dist文件夹中，而index.html位于根目录中。

使用Wordpress部署Vue生产

1 个答案: