1. 在宝塔面板中创建一个新网站,选择对应的PHP版本和数据库。 2. 在本地使用npm run build命令进行打包,得到dist文件夹。 3. 将dist文件夹中的所有文件上传到宝塔面板中新网站的根目录下。 4. 在根目录下新建一个.htaccess文件,写入以下内容: ``` <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule> ``` 这个文件用于在路由切换时保持页面的刷新,避免出现404错误。 5. 在根目录下新建一个nginx.conf文件,写入以下内容: ``` location / { try_files $uri $uri/ /index.html; } ``` 这个文件用于配置nginx服务器,使之能够重定向到index.html文件,从而实现SPA应用的路由切换。 6. 保存nginx.conf文件后,重启宝塔面板中的nginx和php服务即可。 (责任编辑:) |