时间戳

首页 > 解决方案 > 我部署的 Vue 应用程序在本地工作，但不在远程服务器上

vue.js - 我部署的 Vue 应用程序在本地工作，但不在远程服务器上

问题描述

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

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

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

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

标签： vue.jswebpackdeployment

解决方案

如果您的提供商正在运行 Apache Web 服务器，请将包含以下内容的 .htaccess 文件上传到您上传 SPA 应用程序的同一目录：

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

推荐阅读