2、修改build下静态资源路径前缀 同上一部,这里要修改assetsPublicPath为/vuejs-admin/地址 3、执行vuejs打包:npm run build 确保打包后所有静态资源均是相对地址/vuejs-admin开头,比如: 4、修改nginx配置,使用rewrite配置 代码语言:javascript 代码运行次数:0 server{listen80;se
静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './',如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找) 在History模式下配合使用nginx运行打包后的项目 当刷新当前路由的时候...
1、需要修改router/index.js中new Router 配置,加一个base: '/htcm_front/', 它指定应用的基路径,该应用是服务于localhost/htcm_front路径下,所以必须加base配置,否则应用会展示404页面 2、需要修改config/index.js中build下的assetsPublicPath: '/htcm_front/',如果用相对路径,chunk文件会报错找不到。 3、将...
找了很多资料,后来发现,是因为我的配置中使用了相对路径 查找很久,刚开始以为是nginx的锅,后来才发现,原来是我改成相对路径导致的 assetsPublicPath: './', 项目中config文件夹下index.js中,默认是"/",因为本地打开build时页面空白,所以修改成相对路径"./",结果影响到部署服务器了。因为我的路由模式是history,...
本文主要解决Vue项目使用History模式发布到服务器Nginx上刷新页面404问题。(由于每个项目的情况都不尽相同,本方案已经完美解决本在所使用项目,具体情况可能还需要修改。) 1.项目背景分析 本人是Java后台开发,Vue其实使用也没有多久,只能说简单了解。发现问题的时候其实也一头雾水,第一思想就是百度看别人的思路。
以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs-admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下: 1、修改项目router配置,如下: 这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线 ...
Vue项目如何配置Nginx进行部署? Nginx在Vue部署中起到什么作用? 如何解决Vue部署到Nginx后刷新页面404的问题? 一、nginx的安装 安装步骤安装前环境准备 1:下载nginx安装包nginx-1.17.5(当前最新),并上传到服务器上这样上传到/root/ 2:因为Nginx以来与gcc的编译环境,所以,在mini centos中需要安装编译环境来使Nginx能...
讲道理没用history模式是不应该出现这个问题的,应该是你Nginx的配置的目录不对,是/lessoners找不到,...
2、 nginx配置 对于history模式,假设项目部署到域名下的/test目录,访问http://xxx/test/about的时候,服务器会去找/test指向的目录下的about子目录或文件,很显然因为是单页面应用,并不会存在a这个目录或者文件,就会导致404错误:我们要配置nginx让这种情况下,服务器能够返回单页应用的index.html,然后剩下的路由...
nginx 指定 proxy_pass http://127.0.0.1:8080/ruoyi; 就可以了,其他的都不需要改 liaokangli 5年前 复制链接地址 我想静态文件可以不可以不放在/根目录,目前访问都是域名/,我想做的是访问域名/ruoyiui/,刷新正常,不会502,登录之后刷新正常,不会报502和404,退出登录正常 若依 拥有者 5年前 复制链接地址...