静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './',如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找) 在History模式下配合使用nginx运行打包后的项目 当刷新当前路由的时候
2、修改build下静态资源路径前缀 同上一部,这里要修改assetsPublicPath为/vuejs-admin/地址 3、执行vuejs打包:npm run build 确保打包后所有静态资源均是相对地址/vuejs-admin开头,比如: 4、修改nginx配置,使用rewrite配置 代码语言:javascript 代码运行次数:0 AI代码解释 server{listen80;server_name xxxx.com;#char...
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,...
以往部署vuejs应用都是直接在nginx的location为/下直接部署,这次遇到要将vue应用部署在/vuejs-admin的非根下,使用以往部署方案直接访问就会404,这时修改步骤如下: 1、修改项目router配置,如下: 这里一是要修改router模式为history,另一个就是修改base地址为要访问的/vuejs-admin的地址,注意前后都有斜线 ...
1、项目中找到config\index.js;2、将build中的assetsPublicPath:'/'改为assetsPublicPath:'';3、重新执行打包:npm run build;4、发布,再试试。 有用 回复 查看全部 3 个回答 推荐问题 如何在Vue中点击菜单弹出v-dialog对话框? 大致就是点击用户管理后不要进入主界面而是直接弹出dialog。。。咋个实现呢 9 回答...
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年前 复制链接地址...