项目部署时没有出现页面的问题

最新推荐文章于 2023-06-16 19:49:04 发布
最新推荐文章于 2023-06-16 19:49:04 发布
阅读量1k 收藏
点赞数 1
分类专栏： bug vue 文章标签： nginx vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38783557/article/details/120230878
版权
vue 同时被 2 个专栏收录
6 篇文章 0 订阅
订阅专栏
bug
3 篇文章 0 订阅
订阅专栏

项目部署未出现页面

问题描述

ip+端口/xxxx/js/xxx.js 404
ip+端口/xxx/css/xxx.css 404

问题原因

nginx上没有对应的路径映射，实际是由于vue打包时路径设置错了，应该设置成相对路径

我用的是vue-cli3

解决办法

将publicPath:'/'改成publicPath:'./'就可以了

九州白
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Vue 项目部署到服务器的问题解决方法
08-28
Vue 项目部署到服务器的问题解决方法 在本篇文章中，我们将讨论 Vue 项目部署到服务器的问题解决方法。很多开发者在使用 Vue-cli 安装的脚手架开发时，在开发环境中项目可以很正常的运行，但是进入到生产环境，编译...
vue项目部署到Apache服务器中遇到的问题解决
12-11
在将Vue.js项目部署到Apache服务器时，可能会遇到一些常见问题，特别是在采用`vue-router`的`history`模式时。本文将详细介绍如何解决这些问题。 首先，Vue.js的`history`模式下，URL路径不会像默认的`hash`模式...
解决CentOS发布个人web服务器页面不显示问题
qq_56992543的博客
04-16 303
我改web服务器的数据保存位置，但是还是显示原来的界面，这是为什么？在网上找了很多教程，都没解决问题，位置都没有写错。进一步分析，原来是创建的时候权限没给够。出现的界面如下，这也不是我想要的界面？所以大家在创建的时候权限要给得够。这样就给它最大权限了。
关于项目部署，浏览器访问不到页面问题解决方式
zhourrr1234的专栏
06-21 698
说实在话，有时候一段时间不搞编码，一旦动手做，很容易被那些低级错误弄得烦躁得想死，也怪自己没有一个总结的好习惯，此处总结下这类问题的症结所在，纯属自己个人所碰到的，以后碰到其他问题，也会慢慢的加进来，进行补充。。。免得自己再犯类似的低级错误。。。 1、检查tomcat中的webapps下是否成功加载了该项目，如若没有，手动再重新加载。 2、用struts2做项目的视图层，检查浏览器的访问路径是...
SpringBoot+Vue+maven打成jar包部署服务器，不显示前端页面。
qq_51742972的博客
03-16 3340
springBoot+vue打jar包部署访问不到前端页面，只能调用后端接口
关于vue项目在不同电脑上页面不正常显示问题
yanwu666的博客
03-17 1441
我的电脑缩放比例是150%，而另一台电脑的缩放比例是100%，这就导致了我写的vue项目前端显示方面两台电脑有出入。网上搜索了半天，也没有解决。最终发现对于这样的问题很简单。如果是100%->150%或100%->125% 要相应的缩小。解决方法：更改public/index.html文件。因为我的是150%->100%,所以要放大1.5倍。关于vue项目在不同电脑上页面不正常显示问题。
在nginx上部署vue项目(history模式)的方法
08-28
当用户直接输入URL或刷新页面时，浏览器会向服务器发送请求。由于此时服务器并没有对应的静态资源，因此会出现404错误。为了解决这个问题，需要对服务器进行配置，确保所有未知路径都重定向到Vue应用的入口HTML文件...
解决Vue在Tomcat8下部署页面不加载的问题
01-19
最新的项目刚刚用上Vue，遇到很多问题，在Tomcat下部署时出现了页面空白。 问题：路由 mode history 模式在 dev 模式下没有问题，在 build 模式页面空白，但静态资源能正常引用 原因：部署在Tomcat上时并没有在根...
解决在启动eclipse的tomcat进行访问时出现404问题的方法
09-02
这确保了Eclipse将项目部署到Tomcat期望的位置。 4. **保存并重启**：保存配置更改后，重启Tomcat服务器。此时，Eclipse应该会自动将项目部署到正确的位置。 5. **验证结果**：最后，通过浏览器访问...
Vue打包的项目部署服务器之后，其他路由刷新页面时显示404
豪先生的博客
06-16 2553
有的朋友就会有疑虑，为什么在vue项目开发的时候不会出现这种问题呢？因为在vue项目开发的时候是访问自己的8080服务器,后端有进行处理，在刷新界面后找不到相对路径时，会重新渲染index.html界面，把路由的控制权交给前端，然后前端负责路由的匹配，在找到符合/test/123 这种格式的路由后,就会匹配成功。vue router mode 默认为hsas，这样的url中会带有#，如果改成mode:'history'就能去掉#号，也可以正常访问，但是再次率先你页面就会出现404。
vue3项目部署到服务器，页面显示空白页
challenglistic的博客
08-17 3131
vue3项目部署到服务器，页面显示空白页
为什么启动了vue以后另外一台电脑访问不了对应的页面？
AlphaFinance
12-13 1941
当你在本地启动了 Vue 项目以后，它只会在本地电脑上运行，其他计算机无法访问。如果想要让其他计算机能够访问，你需要在本地电脑上运行一个服务器，并将 Vue 项目部署到该服务器上。这样，其他计算机就能通过服务器的网址来访问你的 Vue 项目了。
我使用的Django的DRF框架 在对数据进行分页展示是出现的警告
sinat_33384251的博客
03-13 335
UnorderedObjectListWarning: Pagination may yield inconsistent results with an unordered object_list 解决方法 方法一： 在需要进行查询的模型类中 增加ordering参数 class Meta: db_table = ‘tb_sku’ verbose_name = ‘商品SKU’ verbose_n...
vue打包的坑、打包部署后页面空白，且无报错、路由报错、路径、懒加载
软件毕设协助及软件开发、IT、程序、编程、程序员、写代码、工程师、互联网、物联网、技术栈、软件开发、硬件开发、计算机科技、智慧电子模块。
04-01 6174
vue打包的坑、打包部署后页面空白，且无报错、路由报错、路径、懒加载
在云服务器上部署Django项目后无法正常显示网页的原因
TONY_M的博客
10-18 3503
nginx+Django+uwsgi部署项目成功，并且打开服务器端口之后可以正常访问网页，但是加载不出图片只有文字，起初以为是因为某些原因网页脚本被禁用了，后来发现这种问题应该不可能出现，查找一下相关问题，在https://blog.csdn.net/baidu_35085676/article/details/77160040发现原因是 使用nginx后不能访问Django项目里的静态资源？？...
web发布后网页加载不全
qiucsd的博客
08-23 505
web发布后网页加载不全
vue项目如何部署？布署服务器后刷新404如何解决？
许洪源的博客
02-26 2291
一、如何部署 前后端分离开发模式下，前后端是独立布署的，前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后，是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可 // scp 上传 user为主机登录用户，host为主机外网ip, xx为web容器静态资源路径 scp dist.zip user@host:/xx/xx/xx 或者 让web容器跑起来，以nginx为例 server { listen 80; server_.
vue打包部署到tomcat上 页面空白资源加载不出来
weixin_44132285的博客
12-11 3986
1.首先解决静态资源加载不出来的问题； vue3.0解决办法 需要在vue.config.js 添加 publicPath: ‘./’, vue2.0解决办法 找到config目录下的index文件 将assetsPublicPath：‘/’改为assetsPublicPath：‘./’ 做完第一步打包放到tomcat上 静态资源是可以加载出来了 但是页面会出现空白的情况 2.需要找到router文件夹找到index.js在里面配置base,这里的路径要和tomcat配置的路径核对上 做完第二步 np
docker部署web项目没有跨域问题吗
最新发布
09-07
跨域问题是由于浏览器的同源策略引起的，当我们的Web项目在不同的域名、端口或协议下进行访问时，浏览器会限制页面的跨域访问。这会导致一些跨域请求无法正常发起或响应。 在Docker中部署Web项目时，我们可以将所有...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值