publicPath: process.env.NODE_ENV === 'production' ? '/your-sub-directory/' : '/' }; 五、总结和建议 综上所述,Vue项目在刷新时报404错误主要由前端路由配置、服务器配置和部署路径问题引起。通过正确配置Vue Router和服务器,确保所有路由请求能够正确指向index.html文件,可以有效解决这一
1、需要修改router/index.js中new Router 配置,加一个base: '/htcm_front/', 它指定应用的基路径,该应用是服务于localhost/htcm_front路径下,所以必须加base配置,否则应用会展示404页面 2、需要修改config/index.js中build下的assetsPublicPath: '/htcm_front/',如果用相对路径,chunk文件会报错找不到。 3、将...
静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './',如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找) 在History模式下配合使用nginx运行打包后的项目 当刷新当前路由的时候...
publicPath: process.env.NODE_ENV === 'production' ? '/your-sub-path/' : '/' } 确保文件上传:确保所有资源文件已正确上传到服务器,并在相应路径中。 四、请求路径错误 Vue应用中,API请求路径错误也会导致404错误。 常见问题: API接口路径错误:前端代码中API路径错误。 跨域问题:请求跨域资源未配置正确,...
确保Vue项目的打包配置(如vue.config.js中的publicPath)与服务器上的路径一致。 如果项目部署在子目录中,需要正确设置publicPath。 使用Vue Router的Hash模式: 如果不想更改服务器配置,可以考虑将Vue Router的模式从history更改为hash。这会在URL中添加#符号,虽然可能会影响URL的美观性,但可以避免刷新页面时出现404错...
前端vue项⽬部署到tomcat，⼀刷新报错404解决⽅法 于是，我百度了下，找到了解决⽅案！⼀.vue创建项⽬使⽤脚⼿架有两种⽅式 1.vue init webpack my 这种⽅式的项⽬打包，需要找到config/index.js⽂件将build中的assetsPublicPath: '/',修改成 assetsPublicPath: './'，build: { // ...
module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/' //用于放置生成的静态资源 (js、css、img、fonts) 的;(项目打包之后,静态资源会放在这个文件夹下) assetsDir: '/student/', //这里需要一致 }; 推荐关于vue.config,js进行配置的文档: 关于Vue cli 3的配置 vue...
若依vue webpack 打包 tomcat部署 刷新404 问题处理思路 2.检查 vue.config.js中的生产环境配置 检查publicPath中的路由地址是否为tomcat中的前端路径(例如tomcat 的访问路径是localhost:8080/vms 那么这里的路径也应该是vms,后面的斜杠不可以缺失,不然退出登录时会有问题。)...
否则,当子应用的路由路径无法匹配到主应用中的规则时,就会返回 404 错误。 本地开发在本地开发时,由于子应用是独立运行的,因此需要在子应用的配置文件中设置正确的 publicPath,以便子应用能够正确加载静态资源。另外,如果在本地开发时,需要刷新子应用的页面,可以在主应用中手动刷新整个应用,而不是只刷新子应用的...
项目中config文件夹下index.js中,默认是"/",因为本地打开build时页面空白,所以修改成相对路径"./",结果影响到部署服务器了。因为我的路由模式是history,而且存在多个子路由。所以应该改成绝对路径。才能正常引入vue编译后的js、css文件 改成 assetsPublicPath: '/', 一切正常...