Question

完成npm run build后，我将index.html和dist文件夹上传到了我的远程服务器，但该应用程序无法正常工作：根本没有样式，路线不起作用，并且大多数UI元素不会加载。

奇怪的是，完全相同的index.html + dist文件夹（复制到本地服务器上的任意位置）可以完美地用作file协议或http协议。

我不知道该怎么做，也无法解决它，因为即使应用程序无法运行，控制台中也没有错误消息。欢迎任何建议。

注意：我使用vue-cli / webpack-simple

Answer 1

如果您的提供商正在运行Apache Web服务器，则将具有以下内容的.htaccess文件上传到与SPA应用程序上传相同的目录中：

<ifModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule (.*) index.html [QSA,L]
</ifModule>

我已部署的Vue应用程序可在本地工作，但不能在远程服务器上工作

1 个答案: