vue 打包后部署到WebSphere上静态资源丢失问题

最新推荐文章于 2023-05-01 11:21:21 发布
最新推荐文章于 2023-05-01 11:21:21 发布
阅读量1.1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： vue vue
本文为博主原创文章，未经博主允许不得转载(转载请声明原文地址,谢谢java交流群:553997290)
本文链接：https://blog.youkuaiyun.com/qq_39313596/article/details/84927138

1、在vue main.js配置好地址后

 

2、npm run build之后生成dist文件夹里面有2个文件如图

 

 

在eclipse建个动态web工程

 

把这2个文件放在WebContent目录下

 

可以先用tomcat测试下再打包

......

测试完成后

 

file----Export...搜索war

 

点击war file --next  第一个是war的名字  第二个是存放的路径

最后直接finish 

 

 

把war放到服务器就可以了

 

Servlet简介
专注于计算机研发知识和资讯分享
05-25 1万+
开发servlet程序步骤： step1. 写一个java类,实现Servelt接口或者继承Httpservlet类，一般 继承Httpservlet类(实现了Servelt接口). step2.编译(servlet-api.jar). step3.打包 appname(目录,程序名) WEB-INF(目录，不能自己定义) classes(存放servlet class文件)
Vue打包后接口路径丢失问题解决方案
最新发布
HackWhisper的博客
09-23 894
当Vue项目打包后接口路径丢失时，可以通过确认接口路径配置、使用相对路径、配置代理、配置环境变量或者检查打包配置来解决问题。如果你的接口路径是绝对路径，且在打包后的代码中丢失了，可以考虑配置代理来解决这个问题。如果你的接口路径是相对于打包后的代码的相对路径，可以尝试使用相对路径来配置接口路径。通常，我们会将接口的基础路径配置在项目的配置文件中，比如。在Vue项目中，如果在打包后的代码中接口路径丢失了，导致无法正常访问后端接口，可以采取以下解决方案。这样，在打包后的代码中，也会正确地使用配置的接口路径。
vue 发布后找不到图片等静态资源
mannix_lei的博客
01-31 3915
在config/index.js中，将assetsPublicPath后面的“/”加个点就好了。 原因： build.assetsPublicPath是资源的根目录 这个是通过http服务器运行的url路径。在大多数情况下，这个是根目录(/)。如果你的后台框架对静态资源url前缀要求，你仅需要改变这个参数。在内部，这个是被webpack当做output.publicPath来处理的。
如何在WebSphere7.0上部署发布项目
a1309747800的博客
12-20 1667
http://wenku.baidu.com/link?url=bQ8ZnDTxUIlqruQ56NYjBjt4-rGGSfUtHoUiuiL2NVM9Se7bUz1uN4e5rXAomsezycyFtKK-jyL0cBuq1P3Kv5pJLuLytonLBLkzCyi2xgC 转自百度经验
websphere安装部署vue_部署vue项目、安装mongodb
weixin_39968823的博客
12-13 442
一、node运行环境1、npm install -g n 通过npm 全局安装node2、sudo n 8.16.0 设置node版本Password:install : node-v8.16.0mkdir : /usr/local/n/versions/node/8.16.0fetch : https://nodejs.org/dist/v8.16.0/node-v8.16.0-darwin-...
Vue项目部署
weixin_50181111的博客
11-22 413
1.先将vue项目进行打包 npm run build 1.解决打开空白问题-在vue项目下build/webpack.prod.conf.js下 output: { publicPath: '../' } 2.css、js等文件路径错误 在vue项目下build/webpack.prod.conf.js下 output: { publicPath: '../' } 在vue项目下config/index.js中 assetsPublicPath: '.
VUE-WAS：一个基于Vue的Web App收集向项目
weixin_34242658的博客
07-24 233
初衷 自Vue问世至今，热度不减，各大社区中前端的版块会经常出现Vue相关的帖子，而其中，有很多同行会选择使用Vue仿写一个应用来进行活学活用。这个项目主要收集基于Vue构建的Web Apps，项目名称将Web Apps缩写成了was，同时寓意vue曾经有这样一个氛围，这样一个时期，大家是如此的热爱它。当然了，我相信未来也是一样的。 我...
Java Web从入门到实战
m0_67393342的博客
07-30 2774
操作系统：管理计算机硬件与软件资源的计算机程序，同时也是计算机系统的内核与基石。主流操作系统Linux发展历程Linux特点Linux与其它操作系统的区别Linux发行商和常见发行版先安装虚拟机，再安装CentosVmware简介Vmware下载：https://www.vmware.com/cn.htmlCentOS镜像下载：https://www.centos.org/download/ 高速下载地址简介：SecureCRT是一款支持SSH（SSH1和SSH2）的终端仿真程序，简单地说是Windows下
JavaWeb
chaogewudi34的博客
05-01 892
JavaWeb：前端（HTML、CSS、JS、Vue、Axios、ElementPlus）、后端（Maven、SpringMVC、Spring Framework、Mybatis、SpringBoot、JWT令牌、OSS云）
模拟面试面试题汇总 
u011526274的博客
04-27 3336
模拟面试面试题汇总 第一轮面试题 一、描述下数据库中的事务--ACID各个的特点。 原子性：事务中的操作要么全部成功要么全部失败。 一致性：事务前后数据的完整性必须保持一致。 隔离性：多个并发的事务之间是相互隔离的，互不干扰的。 持久性：事务提交后，数据是永久改变的。 二、什么是springboot？你们公司是用的哪个版本？ SpringBoot是Spring推出用于解决传统框架配置文件冗余,装配组件繁杂的基于Maven的解决方案,旨在快速搭建单个微服务。 版本号：2...
【岁月留声（Websphere）】6.1版本实战“坑”
Kida 的技术小屋（优快云 版）
10-06 963
纯粹在整理过往总结的时候找到这写尘封的记录，IBM Websphere 6.1版本的实战避坑指南，随意挑选了几个比较常见的处理办法，希望对各位有所帮助
was部署应用方法
09-05
was部署应用方法
vue 项目通过 npm run build 打包以后页面找不到内容
Blue__Summer的博客
03-20 5191
顾名思义这是一个路径问题！！！！！ 当项目build后打开dist/index.html你会发现页面什么都没有（空白页），查看页面console 惊奇的发现一片红 更改点一： 此时你需要查看你的配置文件webpack.config.js(vue.config.js) 是否配置了publicPath:'./', module.exports = { publicPath: './', // 执行 npm run build 统一配置路径 } 再次打包index.html 就..
关于websphere（was）加载js、css、图片等静态资源的配置问题
长沙周杰伦的博客
08-16 3488
1.问题说明 将一个在tomcat上运行正常的项目放到websphere中，发现运气报错，大概报错如下： com.ibm.ws.exception.RuntimeWarning: SRVE0303E: Servlet name for the servlet mapping script/* could not be found. 这个配置script/*是在web.xml...
Websphere中静态资源配置
weixin_34189116的博客
06-01 453
Tomcat, Jetty, JBoss, GlassFish 自带的默认Servlet的名字 default Google App Engine 自带的 默认Servlet的名字 ah_default Resin 自带的 默认Servlet的名字 resin-file WebLogic 自带的 默认Servlet的名字 FileServlet WebSphere 自带的 默认Servlet的名字...
将 Vue 打包生成的 dist 文件运行在你的服务器上（最全教程）
浮小夏的博客
09-02 8072
将 Vue 打包生成的 dist 文件运行在你的服务器上（最全教程） 你可能需要用到的工具：PuTTY、FileZilla 1 在服务器（CentOS）上安装 Node 参考文章：https://zhuanlan.zhihu.com/p/126704711 1️⃣在服务器上找好（创建） Node 的安装位置，例如： /usr/local/temp 2️⃣在 Node 中文网下载 Node 安装压缩包 3️⃣在第 1 步的安装位置处下载 Node 安装压缩包 wget https://npm.t
webpack配置vue开发环境
天空影
04-27 2286
首先，你要完成了下面几点： 配置css 配置js 配置图片文件 配置html-webpack-plugin（可选） 然后安装vue需要的包 npm install vue vue-loader vue-style-loader vue-html-loader vue-template-compiler --save-dev 这里强调一下 ：vue-loader 现在安装的话都...
Vue 项目部署时静态资源找不到的解决方法
在 Vue 项目中，使用 Vue CLI 搭建的项目，在本地测试和调试都没有问题，但是在服务器上部署时，静态资源找不到，这个问题是怎么回事？今天，我们将探索这个问题的解决方法。 首先，让我们来了解一下问题的背景。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值