• 使用vue-cli3创建一个vue3+ts的项目
• 输入npm run build 打包后生成dist文件夹 把文件夹上传到服务器
• 此时发现页面一片空白，接口显示404

解决这个问题，需要手动在根目录下配置vue.config.js

module.exports = {
    publicPath: './'
}

然后重新打包，重新把打包后的dist文件夹上传到服务器
完美解决

到此就差不多了，
但是我们发现，有#号，太丑陋了

这是因为路由的模式 hash模式造成的
解决他，改成history模式
router/index.ts

const router = createRouter({
  // history: createWebHashHistory(),
  //历史模式 注意括号里面写上’/dist‘
  history: createWebHistory('/dist'),
  routes
})

如果是vue2中，没有用ts的项目
需要再router/index.js中

const router= new VueRouter({
   base:'/dist',
   mode:'history',
   routes
})

再次npm run build 打包

再次上传服务器
#号消失了，整个人变开心了，
那个不痛，月月轻松