vue3打包后页面空白解决方法

news/2024/7/10 3:19:22 标签: vue.js, vue, 前端

vue3打包后页面空白解决方法

- 问题
- 解决方法

问题

最近写一个小项目
没有打包的时候一切正常

技术栈用的vue3 + vite
我用的是npm创建的项目

npm init vue@latest

问题一：打包后页面空白，什么都没有
在这里插入图片描述
问题二：刷新页面后找不到资源
把url的index.html去掉后可以正常显示但是刷新后又会出现新的问题
问题如下

解决方法

第一步
先在vite.config.js中添加一行代码

base:'/'

在这里插入图片描述

第二步
在router/index.js中把createWebHistory 换成createWebHashHistory
这里默认是createWebHistory
在这里插入图片描述
到此问题解决，打包测试应该没啥问题了！

http://www.niftyadmin.cn/n/5319607.html

力扣2085.统计出现过一次的公共字符串

思路：哈希表，创建俩个字典记录俩个字符串数组的各自字符串出现次数，每有一个字符俩个字符串数组都是只出现一次就记录 class Solution { public:int countWords(vector<string>& words1, vector<string>& words2) {unor…

C++多线程学习[二]:线程的传参以及传参的一些坑

一、线程的传参 #include<iostream> #include<thread> #include<string> using namespace std; void threadtest(int a,double b,string str) {this_thread::sleep_for(100ms);cout << a << " " << b << " " &…

fastadmin 框架如何移除图片上传后预览中的删除按钮

在FastAdmin中，当我们启用了图片上传预览时，在预览区域会自动生成预览图和删除按钮，如下图： 如果我们想上移除掉这里的删除按钮，则需要启用自定义预览模板的功能。首先我们找到视图中我们的预览容器，比如…

1、代码部分 #include <stdio.h> #include <stdlib.h> #include <string.h>#define MAX_INPUT_LENGTH 100void parse_command(char *command) {// 用于存储解析后的命令和参数char cmd[MAX_INPUT_LENGTH];char args[MAX_INPUT_LENGTH];// 将输入的命令拷贝到…