vue.js项目部署在tomcat上,怎么才能让刷新不报404 5C

vue.js项目部署在tomcat上,怎么才能让刷新不报404

3个回答

qq_35501877
qq_35501877 vue.js 中不是会把项目目录给弄掉,这样之后,设置tomcat的404,好像不行
接近 2 年之前 回复

把项目放到tomcat\webapps目录下

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
VUE vue.config.js 配置 代理不生效

求助 使用VUE +axios 配置 跨域问题的时侯 vue.config.js 不生效 <br/> vue.config.js 文件<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589773253_87964.png) <br/> main.js 文件<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589772845_808542.png) <br/> 请求:<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589772896_587765.png) <br/> 结果<br/> ![图片说明](https://img-ask.csdn.net/upload/202005/18/1589773390_574023.png) <br/> 它还是报了一个错误,而且 代理设置并没有生效 求助 ...如何让它生效 使代理正常..........

Vue+SpringBoot怎么部署到tomcat服务器

1. 环境: Vue-cli项目、SpringBoot、windows版tomcat8.5 2. 首先这是一个前后端分离的项目。 3. 前端项目已经部署到tomcat的ROOT目录下,后端项目也以ROOT命名。 4. tomcat可以正常启动 5. 前端页面可以访问到 ***** **但是问题来了?** * 前端无法请求到后台的数据 ![图片说明](https://img-ask.csdn.net/upload/201908/18/1566087636_468160.png) * 我的问题是:怎样部署Vue+SpringBoot的前后端分离项目到tomcat上,目录结构和相关配置是什么? * 求大神赐教

vue.js 关于打包与部署的问题

vue.js 关于打包与部署的问题,vue.js具体怎么打包与部署

vue-cli 项目发布到Tomcat下,读取不到静态资源

由于tomcat下的ROOT文件夹被占用,因此vue项目需要发布到webapps下的文件夹下,暂定‘project’文件夹。 **目录结构如下:** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323650_455375.jpg) **配置如下:** config/index.js ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323568_390689.jpg) **build/utils.js** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323722_767369.jpg) **build/webpack.base.conf.js** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323797_104255.jpg) **执行:npm run build 之后生成的目录结构dist/project:** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548323921_208901.jpg) **将project文件夹放在tomcat的webapps下,启动tomcat后,访问 http://ip:8080/project,页面可以加载出来,但是图片都加载不出来,** ![图片说明](https://img-ask.csdn.net/upload/201901/24/1548324080_389948.jpg) **这个路径是ROOT目录下的文件,怎么修改为读取project/static/images下的文件啊。。。。。 请问这个问题怎么解决啊。。。愁好几天了**

网上找了个vue项目,想要将他打包部署在tomcat中,但是无法实现

网上找了个vue的项目<br> 地址:https://github.com/katspaugh/wavesurfer.js<br> 这个项目只能通过npm run start来启动,<br> 运行npm run build打包后的dist文件夹里面只有js文件,<br> 没有网上说的static和index文件。<br> 试着通过sublime的sublimeserver来使用这个项目,界面显示正常。<br> 但是有个关键的功能无法使用(正常情况是鼠标在哪里点击进度条就到哪,但是sublimeserver启动的是,鼠标点击,进度条从头开始播放)<br> 下面是截图 ![图片说明](https://img-ask.csdn.net/upload/201907/03/1562118166_522451.png) ![图片说明](https://img-ask.csdn.net/upload/201907/03/1562118181_653885.png)

vue cli3中跨域及vue.config.js配置问题

求各位大神帮忙看看 我这个报错怎么解决: ![图片说明](https://img-ask.csdn.net/upload/201907/30/1564453052_649237.png) 为什么这里地址还是http://localhost:8080的地址 | | | | 下面是我代码: | | | vue.config.js的配置: ``` devServer: { proxy: { '/api': { target: 'http://sandbox.starpos.com.cn/', changeOrigin: true,//设置是否跨域 ws:true, } } } ``` 这是我的请求: ``` getIndustry(){ this.$http.get("/emercapp").then(res=>{ console.log(res); if(res.status=200){ return res.data }else{ return error } }).then(data=>{ console.log(data) }) } ```

在html文件中引用vue.js和直接创建.vue文件有什么差别??

在html文件中引用vue.js和直接创建.vue文件有什么差别??

VUE.JS插件提示插件未定义怎么解决?

html代码如下 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>插件</title> </head> <body> <div id="test"> <p v-my-directive='msg'></p> </div> <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script> <script src="../js/vue-myPlugin.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> Vue.use(MyPlugin) Vue.myGlobalMethod() const vm=new Vue({ el:'#test', data:{ msg:'I liKe EaT' } }) vm.$myMethod() </script> </body> </html> ``` 插件代码如下 ``` (function(){ const MyPlugin={} MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或属性 Vue.myGlobalMethod = function () { console.log("执行了myGlobalMethod方法") } // 2. 添加全局资源 Vue.directive('my-directive',function(el,binding){ el.textContent = binding.value.toLowerCase() }) // 3. 注入组件选项 // Vue.mixin({ // created: function () { // // 逻辑... // } // ... // }) // 4. 添加实例方法 Vue.prototype.$myMethod = function(){ console.log("执行了$myMethod实例方法") } } //向外暴露 window.MyPlugin=MyPlugin }) `` 都是照着网课老师的代码敲得,不知道哪里出错了一直提示 Uncaught ReferenceError: MyPlugin is not defined 求问各路大佬怎么解决

idea2017的安装了vue.js插件后清缓存重启后,在创建vue工程下的static web下依然没有看见vue.js

如图所示: 1.插件安装成功图例如下: ![图片说明](https://img-ask.csdn.net/upload/202004/25/1587783439_203983.png) 2. 新建工程时,static web下的显示情况如下: ![图片说明](https://img-ask.csdn.net/upload/202004/25/1587783571_650364.png)

ASP.NET MVC + vue.js 前后端分离的项目怎么在iis上部署?

后台用的是mvc框架,前端独立的vue框架,如何部署在iis上运行?

webstrom配置新版vue.js,启动项目后停止

![图片说明](https://img-ask.csdn.net/upload/201712/06/1512551547_956798.png) ![图片说明](https://img-ask.csdn.net/upload/201712/06/1512551557_993884.png) 新版本vue.js,已经没有了dev.server.js,配置build.js后,项目启动后自动关闭,如果直接执行命令npm run dev,项目能正常启动

允许在vue.js Web应用程序中动态创建sitemap.xml

<div class="post-text" itemprop="text"> <p>I have a Vue.JS single page application with a PHP back-end running on apache. The app is running fine, using the vue.js routing to navigate between pages.</p> <p>I want to dynamically create an XML sitemap based on records in a database (each record has it's own page). I have a .php file which generates the XML and returns text/xml.</p> <pre><code>&lt;?php header("Content-type: text/xml"); ?&gt; &lt;urlset xmlns="http://www.google.com/schemas/sitemap/0.84" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.google.com/schemas/sitemap/0.84 http://www.google.com/schemas/sitemap/0.84/sitemap.xsd"&gt; &lt;url&gt; &lt;loc&gt;https://myapp.com/&lt;/loc&gt; &lt;priority&gt;1.00&lt;/priority&gt; &lt;/url&gt; &lt;?php ###### Code for calling the DB ?&gt; &lt;/urlset&gt; </code></pre> <p>In my .htaccess file, I'm redirecting sitemap.xml to my sitemap.php page. </p> <pre><code>&lt;IfModule mod_rewrite.c&gt; RewriteEngine on RewriteRule ^sitemap\.xml$ /php/sitemap.php [L] RewriteRule ^([A-Za-z0-9-]+)/?$ index.php?shortName=$1 [NC,L] &lt;/IfModule&gt; </code></pre> <p>However, the vue.js router is intercepting the request and displaying my 404 page.</p> <pre><code>const routes = [ // home {name: 'home',path: '/',component: Home}, // all my other routes here // 404 catch-all { path: '*', component: NotFound} ] </code></pre> <p>Is there a way to ignore certain routes in the vue.js router? Or am I going about this the wrong way?</p> </div>

解決vue.runtime.esm.js:619 [Vue warn]: Failed to resolve directive: waves

vue.runtime.esm.js:619 [Vue warn]: Failed to resolve directive: waves ``` <script> import waves from '@/components/directive/waves' export default { components: { Pagination }, directives: { waves } ...... } </script> ```

关于vue.js的history模式,二级路由刷新之后不能获取js

关于vue.js的history模式,二级路由刷新之后不能获取js

vue.js在<head>头文件不被使用的问题

1.我通过button来调用vue方法但是我的方法放在body和html外部的时候可以正确使用, 但是放在head里面就出错 2.问题代码 ```<script> var vm=new Vue({ el: '#app', data: { showin: true, message: 'Hello Vue!' } }) </script> ``` 3.代码放在head里面出错,但是放在body和html外面不被调用 ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="css.css"> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script> var vm=new Vue({ el: '#app', data: { showin: true, message: 'Hello Vue!' } }) </script> </head> <body> <div id="app"> <div class="app"> <button @click="showin =!showin"> 增加</button> <a > 删除</a> <a > 插入</a> </div> <div v-show="showin"> <table border="1"> <tr> <th>id</th> <th>村民</th> </tr> <tr> <td>1 </td> <td>张三</td> </tr> </table> </div> </div> </body> </html> ```

vue项目build后请求404

我前端使用vue,后端使用java开发的前后端分离的小项目。 前端完事以后用npm run dev都能正常运行。 但是使用npm run build打包后放在tomcat上访问却出问题了。 界面可以打开,资源也加载了。但是在向后端发送请求时,却报错了。我用的axios请求。 情况如下: <br> Failed to load resource: the server responded with a status of 404 () Error: Request failed with status code 404 at FtD3.e.exports (vendor.b3fd7698053a850e233d.js:43) at e.exports (vendor.b3fd7698053a850e233d.js:13) at XMLHttpRequest.f.onreadystatechange (vendor.b3fd7698053a850e233d.js:19) 我搜索了一下没有什么收获。问题的关键在于后端没问题,dev时请求没问题,就是build时请求404。 求好心人指点。 <br> <hr> <br> ![图片说明](https://img-ask.csdn.net/upload/202001/13/1578882449_857485.png) 今天我再调试,发现错误有了一点变化,主要是多了一个post请求地址,但是实际上这个地址是错误的。正确的应该是139.196.125.89:8080/lis_war/login。

webStorm无法解析vue.js怎么解决?

把vue.js文件放入webStorm的项目文件夹里 ![图片说明](https://img-ask.csdn.net/upload/201910/19/1571468378_934721.png) 提示please sprcify Node.js interpreter ![图片说明](https://img-ask.csdn.net/upload/201910/19/1571468452_961945.png) 且在html文件夹中提示无法解析,该怎么解决

使用vue-cli创建项目时Project description (A Vue.js project) 卡住按什么键都不管用

![图片说明](https://img-ask.csdn.net/upload/201906/21/1561094551_345386.png)![图片说明](https://img-ask.csdn.net/upload/201906/21/1561094560_654550.png) 版本号,电脑刚重装系统,不知道什么原因,求大神帮忙

vuejs项目可以部署到websphere服务器上吗?

向各位大佬请教:vuejs项目可以部署到websphere服务器上吗? 望各位大佬不吝赐教!

C/C++学习指南全套教程

C/C++学习的全套教程,从基本语法,基本原理,到界面开发、网络开发、Linux开发、安全算法,应用尽用。由毕业于清华大学的业内人士执课,为C/C++编程爱好者的教程。

定量遥感中文版 梁顺林著 范闻捷译

这是梁顺林的定量遥感的中文版,由范闻捷等翻译的,是电子版PDF,解决了大家看英文费时费事的问题,希望大家下载看看,一定会有帮助的

YOLOv3目标检测实战:训练自己的数据集

YOLOv3是一种基于深度学习的端到端实时目标检测方法,以速度快见长。本课程将手把手地教大家使用labelImg标注和使用YOLOv3训练自己的数据集。课程分为三个小项目:足球目标检测(单目标检测)、梅西目标检测(单目标检测)、足球和梅西同时目标检测(两目标检测)。 本课程的YOLOv3使用Darknet,在Ubuntu系统上做项目演示。包括:安装Darknet、给自己的数据集打标签、整理自己的数据集、修改配置文件、训练自己的数据集、测试训练出的网络模型、性能统计(mAP计算和画出PR曲线)和先验框聚类。 Darknet是使用C语言实现的轻型开源深度学习框架,依赖少,可移植性好,值得深入探究。 除本课程《YOLOv3目标检测实战:训练自己的数据集》外,本人推出了有关YOLOv3目标检测的系列课程,请持续关注该系列的其它课程视频,包括: 《YOLOv3目标检测实战:交通标志识别》 《YOLOv3目标检测:原理与源码解析》 《YOLOv3目标检测:网络模型改进方法》 敬请关注并选择学习!

sql语句 异常 Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your

在我们开发的工程中,有时候会报 [Err] 1064 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ------ 这种异常 不用多想,肯定是我们的sql语句出现问题,下面...

浪潮集团 往年的软件类 笔试题 比较详细的哦

浪潮集团 往年的软件类 笔试题 比较详细的哦

2019 AI开发者大会

2019 AI开发者大会(AI ProCon 2019)是由中国IT社区CSDN主办的AI技术与产业年度盛会。多年经验淬炼,如今蓄势待发:2019年9月6-7日,大会将有近百位中美顶尖AI专家、知名企业代表以及千余名AI开发者齐聚北京,进行技术解读和产业论证。我们不空谈口号,只谈技术,诚挚邀请AI业内人士一起共铸人工智能新篇章!

I2c串口通信实现加速度传感器和FPGA的交流

此代码能实现加速度传感器与FPGA之间的交流,从而测出运动物体的加速度。

Python可以这样学(第一季:Python内功修炼)

董付国系列教材《Python程序设计基础》、《Python程序设计(第2版)》、《Python可以这样学》配套视频,讲解Python 3.5.x和3.6.x语法、内置对象用法、选择与循环以及函数设计与使用、lambda表达式用法、字符串与正则表达式应用、面向对象编程、文本文件与二进制文件操作、目录操作与系统运维、异常处理结构。

微信公众平台开发入门

本套课程的设计完全是为初学者量身打造,课程内容由浅入深,课程讲解通俗易懂,代码实现简洁清晰。通过本课程的学习,学员能够入门微信公众平台开发,能够胜任企业级的订阅号、服务号、企业号的应用开发工作。 通过本课程的学习,学员能够对微信公众平台有一个清晰的、系统性的认识。例如,公众号是什么,它有什么特点,它能做什么,怎么开发公众号。 其次,通过本课程的学习,学员能够掌握微信公众平台开发的方法、技术和应用实现。例如,开发者文档怎么看,开发环境怎么搭建,基本的消息交互如何实现,常用的方法技巧有哪些,真实应用怎么开发。

机器学习初学者必会的案例精讲

通过六个实际的编码项目,带领同学入门人工智能。这些项目涉及机器学习(回归,分类,聚类),深度学习(神经网络),底层数学算法,Weka数据挖掘,利用Git开源项目实战等。

eclipseme 1.7.9

eclipse 出了新的eclipseme插件,官方有下载,但特慢,我都下了大半天(可能自己网速差)。有急需要的朋友可以下哦。。。

Spring Boot -01- 快速入门篇(图文教程)

Spring Boot -01- 快速入门篇 今天开始不断整理 Spring Boot 2.0 版本学习笔记,大家可以在博客看到我的笔记,然后大家想看视频课程也可以到【慕课网】手机 app,去找【Spring Boot 2.0 深度实践】的课程,令人开心的是,课程完全免费! 什么是 Spring Boot? Spring Boot 是由 Pivotal 团队提供的全新框架。Spring Boot...

HoloLens2开发入门教程

本课程为HoloLens2开发入门教程,讲解部署开发环境,安装VS2019,Unity版本,Windows SDK,创建Unity项目,讲解如何使用MRTK,编辑器模拟手势交互,打包VS工程并编译部署应用到HoloLens上等。

最简单的倍频verilog程序(Quartus II)

一个工程文件 几段简单的代码 一个输入一个输出(50Mhz倍频到100Mhz)

计算机组成原理实验教程

西北工业大学计算机组成原理实验课唐都仪器实验帮助,同实验指导书。分为运算器,存储器,控制器,模型计算机,输入输出系统5个章节

4小时玩转微信小程序——基础入门与微信支付实战

这是一个门针对零基础学员学习微信小程序开发的视频教学课程。课程采用腾讯官方文档作为教程的唯一技术资料来源。杜绝网络上质量良莠不齐的资料给学员学习带来的障碍。 视频课程按照开发工具的下载、安装、使用、程序结构、视图层、逻辑层、微信小程序等几个部分组织课程,详细讲解整个小程序的开发过程

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

基于RSA通信密钥分发的加密通信

基于RSA通信密钥分发的加密通信,采用pycrypto中的RSA、AES模块实现

不同变质程度煤尘爆炸残留气体特征研究

为分析不同变质程度煤尘爆炸残留气体成分的特征规律,利用水平管道煤尘爆炸实验装置进行了贫瘦煤、肥煤、气煤、长焰煤4种不同变质程度的煤尘爆炸实验,研究了不同变质程度煤尘爆炸后气体残留物含量的差异,并对气体

设计模式(JAVA语言实现)--20种设计模式附带源码

课程亮点: 课程培训详细的笔记以及实例代码,让学员开始掌握设计模式知识点 课程内容: 工厂模式、桥接模式、组合模式、装饰器模式、外观模式、享元模式、原型模型、代理模式、单例模式、适配器模式 策略模式、模板方法模式、观察者模式、迭代器模式、责任链模式、命令模式、备忘录模式、状态模式、访问者模式 课程特色: 笔记设计模式,用笔记串连所有知识点,让学员从一点一滴积累,学习过程无压力 笔记标题采用关键字标识法,帮助学员更加容易记住知识点 笔记以超链接形式让知识点关联起来,形式知识体系 采用先概念后实例再应用方式,知识点深入浅出 提供授课内容笔记作为课后复习以及工作备查工具 部分图表(电脑PC端查看):

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

软件测试2小时入门

本课程内容系统、全面、简洁、通俗易懂,通过2个多小时的介绍,让大家对软件测试有个系统的理解和认识,具备基本的软件测试理论基础。 主要内容分为5个部分: 1 软件测试概述,了解测试是什么、测试的对象、原则、流程、方法、模型;&nbsp; 2.常用的黑盒测试用例设计方法及示例演示;&nbsp; 3 常用白盒测试用例设计方法及示例演示;&nbsp; 4.自动化测试优缺点、使用范围及示例‘;&nbsp; 5.测试经验谈。

几率大的Redis面试题(含答案)

本文的面试题如下: Redis 持久化机制 缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题 热点数据和冷数据是什么 Memcache与Redis的区别都有哪些? 单线程的redis为什么这么快 redis的数据类型,以及每种数据类型的使用场景,Redis 内部结构 redis的过期策略以及内存淘汰机制【~】 Redis 为什么是单线程的,优点 如何解决redis的并发竞争key问题 Red...

手把手实现Java图书管理系统(附源码)

【超实用课程内容】 本课程演示的是一套基于Java的SSM框架实现的图书管理系统,主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的java人群。详细介绍了图书管理系统的实现,包括:环境搭建、系统业务、技术实现、项目运行、功能演示、系统扩展等,以通俗易懂的方式,手把手的带你从零开始运行本套图书管理系统,该项目附带全部源码可作为毕设使用。 【课程如何观看?】 PC端:https://edu.csdn.net/course/detail/27513 移动端:CSDN 学院APP(注意不是CSDN APP哦) 本课程为录播课,课程2年有效观看时长,大家可以抓紧时间学习后一起讨论哦~ 【学员专享增值服务】 源码开放 课件、课程案例代码完全开放给你,你可以根据所学知识,自行修改、优化

jsp+servlet入门项目实例

jsp+servlet实现班级信息管理项目

winfrom中嵌套html,跟html的交互

winfrom中嵌套html,跟html的交互,源码就在里面一看就懂,很简单

Java面试题大全(2020版)

发现网上很多Java面试题都没有答案,所以花了很长时间搜集整理出来了这套Java面试题大全,希望对大家有帮助哈~ 本套Java面试题大全,全的不能再全,哈哈~ 一、Java 基础 1. JDK 和 JRE 有什么区别? JDK:Java Development Kit 的简称,java 开发工具包,提供了 java 的开发环境和运行环境。 JRE:Java Runtime Environ...

python实现数字水印添加与提取及鲁棒性测试(GUI,基于DCT,含测试图片)

由python写的GUI,可以实现数字水印的添加与提取,提取是根据添加系数的相关性,实现了盲提取。含有两种攻击测试方法(高斯低通滤波、高斯白噪声)。基于python2.7,watermark.py为主

Xshell6完美破解版,亲测可用

Xshell6破解版,亲测可用,分享给大家。直接解压即可使用

你连存活到JDK8中著名的Bug都不知道,我怎么敢给你加薪

CopyOnWriteArrayList.java和ArrayList.java,这2个类的构造函数,注释中有一句话 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 public ArrayList(Collection&lt;? ...

相关热词 c#对文件改写权限 c#中tostring c#支付宝回掉 c#转换成数字 c#判断除法是否有模 c# 横向chart c#控件选择多个 c#报表如何锁定表头 c#分级显示数据 c# 不区分大小写替换
立即提问
相关内容推荐