vue 打包放到tomcat 添加路径问题解决

最新推荐文章于 2023-06-07 09:51:04 发布

原创最新推荐文章于 2023-06-07 09:51:04 发布 · 883 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #vue

前端小白，在vue打包时发现放进tomcat一些静态资源找不到，网上查了一些资料，vue后来版本没有build属性设置，可在vue.config.js中的module.exports中设置publicPath 解决问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wayalone1

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue项目打包发布到tomcat

kerryqpw的博客

04-06

1332

Vue项目打包发布到tomcat npm run build Nodejs服务器安装: npm install -g serve 1、本地测试运行打包的vue： serve dist 访问：http:localhost:5000 打包部署到tomcat服务器修改配置：webpack.prod.conf.js ...

Vue项目打包部署Tomcat中刷新404的问题

li352558693的专栏

12-15

1964

使用的是vue ui进行本地run和build的工作,使用的mode是history模式.本地刷新不会出现404的情况,但是打包build部署到tomcat后,刷新页面会出现404的情况.按照网上搜出来的解决方案,在根目录手工添加"WEB-INF"文件夹,并新增"web,xml"文件,如下: <?xml version="1.0" encoding="UTF-8"?> <we...

参与评论您还未登录，请先登录后发表或查看评论

关于vue-cli3.0打包发布到tomcat路径问题

咖喱辣椒

01-17

765

打包路径也是tomcat下文件的目录名打包后的文件夹放到这个目录下

Vue工程打包部署Tomcat，解决404、静态路径等问题

Young-weiai

04-20

4200

通常使用nginx部署会少很多麻烦，但是部署环境通常也不是开发程序员能够决定的。Vue部署Tomcat所遇到的静态文件问题、刷新问题通过以上配置修改，基本都能解决。解决不了的，欢迎留言讨论~

tomcat层级目录结构

Fufufusm的博客

06-28

598

bin bin目录用于存放tomcat命令 linux命令以".sh"结尾 windows命令以".bat"结尾修改catalina可以设置tomcat的内存，也可更改JDK路径 conf conf用于存放tomcat的一些配置文件 server.xml可以设置端口号、设置域名或IP、默认加载的项目、请求编码 web.xml可以设置tomcat支持的文件类型 context.xml可以用来配置数据源之类的 tomcat-users.xml用来配置管理tomcat的用户与权限在Catalina目录下

Vue 2 部署到 Tomcat

蓝壳优码库

02-15

662

将Vue安装到全局：npm install -g vue 全局安装vue-cli脚手架：npm install -g @vue/cli Vue使用脚手架创建项目：vue init webpack「项目名称」项目创建成功后，打开config/index.js文件将build中的assetsPublicPath: '/'，修改成 assetsPublicPath: './'；执行npm run build命令，会在项目目录下生成dist文件夹，将dist下的文件移动到tomcat的webapps文件

vue webpack 部署到tomcat 找不到路径的问题

清水茶叶

01-19

1434

具体问题描述：采用vue写页面，webpack编辑打包。后台用springboot。打包后的vue单页文件，放到了classes/public 下。问题：访问vue页面，报错无法读取文件。而找不到的文件位于 public下。疑惑：public目录下，明明存在文件，为什么说找不到呢？过程： 1、百度各种搜索 vue+webpack 404 无法找到路径等。找到的都...

Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案

12-09

在Vue项目中，当使用Webpack进行打包并将应用部署到Tomcat服务器时，可能会遇到一个常见的问题：用户在页面刷新后收到404错误。这个问题的根本原因在于Vue Router的`history`模式。Vue Router的`history`模式利用了...

spring boot项目和vue一起放在tomcat部署

11-13

"Spring Boot 项目与 Vue 一起部署到 Tomcat 服务器" 在本文中，我们将介绍如何将 Spring Boot 项目和 Vue 一起部署到 Tomcat 服务器中。这个过程需要我们对 Tomcat 服务器进行配置，以便能够正确地部署并运行我们...

vue3.0 打包项目到tomcat下，跳转页面出现404或控制台报uncaught syntaxerror

u014220146的博客

11-13

1266

vue3.0 打包项目到tomcat下，跳转页面出现404或控制台报uncaught syntaxerror 项目场景：主要是想点击做一个跳转，在首页点击按钮然后打开一个新页面，不覆盖当前页面问题描述：打开一个新页面 window.open(this.$router.resolve({path: "/other"}).href, "_blank"); 在本地运行和打包到tomcat下运行时，可能会出现404页面，或者Uncaught SyntaxError: Unexpected token

tomcat部署vue前端项目设置路径

m0_61103773的博客

06-07

836

F:\机构软件\src\router\index.js中。和**.env.development**文件中。

vue端打包部署到tomcat后台路径修改

GIS工具箱

09-26

864

在本地开发时，项目习惯使用http://localhost:8080/+"接口方法"，但是在vue前端在打包部署到tomcat上时，则需要使用域名+“目录名”+“方法名”的访问方式，因为初学vue,很多地方不熟悉，摸索了2天才找到设置位置。设置位置为main.js中的 baseURL,设定好发布在tomcat上的网站目录名称即可。 ...

vue包部署在tomcat上，解决资源路径问题

wangchaoqi1985的博客

07-16

895

vue包部署在tomcat上，解决资源路径问题

vue项目打包部署到tomcat（详细）

web18536564348的博客

08-26

1353

注意：2.3.4可以简化为：在router文件夹下index.js的base名称可以直接写为你打包之后的名称，然后将整个文件夹直接放到tomcat的webapps下即可。2、修改router文件夹下index.js添加 base: ‘/文件夹名称/’ （例如：yuncheng，可以自己随意设置）3、在tomcat下webapps里面新建一个文件夹，名称是之前配置时设置的名称（yuncheng）4、将自己打包的dist文件夹的内容放进tomcat下的webapps的yuncheng文件夹下。...

nuxt部署的路径问题

关中刀客在青岛

10-24

5138

这里是一个通过 npx create-nuxt-app生成的SPA单页面应用，要部署成一个静态项目，先用命令打包 nuxt generate 但dist目录下直接生成的项目跑不起来，js等资源用了绝对路径而找不到，原因是路由输出默认的绝对路径。要在nuxt.config.js里添加router的base为“./”；如果这时打包发现引用的js找到了，但首页却找不到了，经多次尝试，把ro...

解决Vue打包后放到Tomcat中静态资源404

daiyi666的博客

03-15

2172

问题描述 vue运行npm run build打包后，放到tomcat中后，访问index页面，静态资源全部报404 解决方法找到项目根目录下的vue.config.js文件添加一行配置：publicPath: "./"

vue项目部署运行到tomcat上

m0_67391683的博客

04-27

1900

使用webstrorm开发vue前端工程项目时，使用命令npm run dev开启服务，可以通过访问电脑IP:电脑端口实时预览页面，当时我在想使用手机端来调试页面时，发现即使手机与电脑处于同一局域网环境下，仍然无法访问。这就很奇怪了，平时只要我的电脑和手机处于同一局域网环境下，使用手机访问电脑IP:电脑端口/项目名，就可以正常访问，现在却不行，结果去网上搜索，普遍的一个解决办法是在webstorm中通过添加一个部署来使用的，就像是下图一样：经过了好一番折腾，发现手机端可以访问电脑端的文件了，可是发现

Vue项目打包到Spring Boot后部署Tomcat

sensen的博客

10-10

5678

经过几天的调试，终于将vue+springboot的前后端分离项目，整合后成功部署到服务器。本文章来记录一下这几天遇到的问题。整合后发布到Tomcat遇到的主要问题：访问项目路径404；发布到tomcat后css、js等资源文件404问题；访问项目路径为空白页

Vue项目打包与Tomcat部署实战解析

通过以上步骤，可以成功地将Vue.js项目打包并部署到Tomcat服务器，同时解决了可能出现的常见问题。在实际操作中，可能还需要根据项目特性进行一些调整，但基本流程是相同的。熟悉这个过程对于开发者来说是非常重要的...