静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './',如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找) 在History模式下配合使用nginx运行打包后的项目 当刷新当前路由的时候...
比如我们Vue项目的vue.config.js配置如下(不需要修改): 期望能将/api/为前缀的请求全都代理到 http://0.0.0.0:8080/,本地以开发模式运行一切正常,但发布到Nginx后这个代理好像就失效了,api开头的请求都会404错误 1module.exports ={2publicPath:'/',3devServer: {4port:8081, //访问此项目(VUE项目)的端口5...
1.如果vue-router使用hash模式,则可以在vue.config.js中设置publicPath 为空字符串 (’’) 或是相对路径 (’./’),这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径。 2.如果使用history模式,在生产环境静态资源(打包成chunk的js和css)都链接为 '/'绝对路径,此时直接点击index.html找不...
1. 修改vue项目中vue.config.js文件中的publicPath在生产环境中的子路径 publicPath: process.env.NODE_...
publicPath: process.env.NODE_ENV === 'production' ? '/your-app/' : '/' }; 四、其他可能原因 除了上述主要原因外,还有一些其他可能导致404报错的原因: 文件名大小写问题: 在一些文件系统(如Linux)中,文件名是区分大小写的。确保文件名大小写与代码中引用的一致。
Vue应用在加载资源文件(如图片、CSS、JavaScript等)时,如果路径不正确,也会导致404错误。 常见问题: 资源路径错误:资源文件的路径配置错误。 资源文件未上传:资源文件未正确上传到服务器。 解决方案: 检查资源路径:确保资源文件路径正确,建议使用相对路径或在配置中使用publicPath。
首先打包时,vue.config.js配置 publicPath:/tjyy/ router配置 constrouter=newRouter({routes,mode:'history',base:'/tjyy/'}) nginx配置文件中配置 location/tjyy{root xxx项目路径;rewrite^/tjyy/(.*)$/$1break;index index.html index.htm;try_files$uri$uri//tjyy/index.html;} ...
nginx location / { try_files $uri $uri/ /index.html; } 1. 2. 3. 然后就没了... 这里我们需要清楚为什么会报404: 我们用nginx部署项目,然后在地址栏输入 http://dev.mds/(这里配置的端口是8080),你会发现地址栏之后会变为 http://dev.mds/home,并且 看起来一切正常, 似乎路由也可以正常切换而不...
build:{assetsPublicPath:'/',//这个地方有时候是"./",要改为"/"} 检查vue代码src/router/index.js,根据实际开发的来配置路由 ...importLoginfrom"../Login";importNotfoundfrom"../404";...constrouter=newRouter({mode:"history",routes:[{path:'*',component:Notfound,meta:{title:'404未找到',},...
publicPath: process.env.NODE_ENV === ‘production’ ? ‘/haha/’ : ‘/’ 2、将router的base配置成’/haha/' const router = new VueRouter({ mode: ‘history’, base: ‘/haha/’, routes }) 3、nginx配置文件中的server块中添加location。其中/usr/local/myVueApplication/dist/是vue打包放上服务...