vue部署一个域名下二级目录，刷新404

在 Vue 应用中部署到一个域名下的二级目录时，会有刷新404的问题，这是因为 Vue 应用是单页应用，只有一个 index.html 文件，而当刷新时，服务器会去寻找对应的路径，但是此时该路径不存在，因此会出现404错误。

解决该问题可以通过在服务器上进行配置，将所有的请求都指向 index.html 文件，这样就能够保证访问任何路径时都能够正确显示 Vue 应用。

如果使用的是 Apache 服务器，可以在 .htaccess 文件中添加以下内容：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /your-subdirectory/
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /your-subdirectory/index.html [L]
</IfModule>

如果使用的是 Nginx 服务器，可以在配置文件中添加以下内容：

location /your-subdirectory/ {
  try_files $uri $uri/ /your-subdirectory/index.html;
}

其中，your-subdirectory 是你的二级目录名称。添加完成后，重新启动服务器即可。

相关问题

nginx在二级目录部署下vue文件

要在nginx中部署vue文件，可以按照以下步骤进行操作：

1. 在服务器上安装nginx，并确保已启动。可以使用以下命令安装nginx（适用于Ubuntu）：

sudo apt update
sudo apt install nginx

2. 进入nginx的配置目录，一般是`/etc/nginx`，使用以下命令进入该目录：

cd /etc/nginx

3. 在该目录下创建一个新的配置文件，比如`my-vue-app.conf`：

sudo nano sites-available/my-vue-app.conf

4. 在打开的文件中，使用以下配置示例作为起点：

server {
    listen 80;
    server_name your-domain.com;

    root /path/to/vue-app/dist;
    index index.html;

    location /subdirectory {
        try_files $uri $uri/ /subdirectory/index.html;
    }
}

注意将 `your-domain.com` 替换为你的域名，`/path/to/vue-app/dist` 替换为你vue项目打包后的dist目录的路径，`/subdirectory` 替换为你想要部署的二级目录名称。

5. 保存并关闭文件（按Ctrl+X，然后输入Y并按Enter）。

6. 创建一个符号链接将新的配置文件链接到 `sites-enabled` 目录，以便Nginx加载该配置文件：

sudo ln -s /etc/nginx/sites-available/my-vue-app.conf /etc/nginx/sites-enabled/

7. 检查Nginx配置是否正确：

sudo nginx -t

如果没有错误，重启Nginx服务：

sudo service nginx restart

现在，你的vue应用程序应该已经在二级目录下成功部署了。可以通过访问 `your-domain.com/subdirectory` 来访问它。记得将 `your-domain.com` 替换为你的域名，`/subdirectory` 替换为你的二级目录名称。

vue二级域名部署项目

对于Vue项目的二级域名部署，你可以按照以下步骤进行操作：

1. 在你的域名注册商或DNS解析服务提供商处，添加一个新的CNAME记录，将二级域名指向你的服务器IP地址。

2. 在你的服务器上安装Nginx或其他HTTP服务器软件，并配置虚拟主机。具体操作可以参考相应软件的官方文档。

3. 在虚拟主机配置中，设置监听该二级域名的请求，并将请求转发到Vue项目的部署目录。

4. 执行构建命令，生成Vue项目的静态文件。一般情况下，使用`npm run build`命令会在项目根目录生成一个`dist`目录，该目录包含了构建后的静态文件。

5. 将生成的静态文件复制到服务器上的指定目录，可以是虚拟主机配置中指定的静态文件目录，或者其他你希望部署的位置。

6. 重启Nginx或其他HTTP服务器软件，使配置生效。

完成以上步骤后，你就可以通过访问你设置的二级域名来访问部署在服务器上的Vue项目了。记得确保你的域名解析和服务器配置正确无误，并且服务器正常运行。