Vue项目上线后刷新报错404问题（apache，nginx，tomcat）

转自:https://www.cnblogs.com/sxshaolong/p/10219527.html 很简单,需要服务器端加个配置文件,然后重启服务就好了,记住一定要重启服务,否则无效!…

vue项目打包后运行报错400如何解决

昨天一个Vue项目打包后,今天测试,发现无论localhost还是服务器上都运行不了,报错如下: Failed to load resource: the server responded with a status of 400 (Bad Request) 网上搜索一圈,牛头不对马嘴的居多,向一前辈请教后,问题迎刃而解,现将方法分享如下: 其实超级简单!超级简单!超级简单!重要是事情说三遍,只需----------> 找到node_modules/@vue/cli-service/lib/op…

前端vue项目部署到tomcat，一刷新报错404解决方法

公司前端写的后台部署到tomcat webapps目录下后,无法进行刷新,一刷新就会报错404,自动跳的404页面.在网上查了下,官方说是HTML5 History 模式引发的问题,但是解决方案中,并没有tomcat的解决方案.如链接:https://router.vuejs.org/zh-cn/essentials/history-mode.html 于是,我百度了下,找到了解决方案! 一.vue创建项目使用脚手架有两种方式 1.vue init webpack my 这种方式的项目打包,需要…

为 VUE 项目添加 PWA 解决发布后刷新报错问题

为什么要给 VUE 项目添加 PWA 为什么要添加?因为不管是部署在 IIS,还是 nginx,每次应用部署后,再次访问因为旧的 js 已经不存在,所以页面访问的时候会整个报错,报错的结果就是一个白屏. 为了解决这个问题,我的解决方案是使用 PWA ,这样就可以将 js 缓存到本地,再次发布后,service-worker.js 会使旧的 js 失效,重新请求并缓存 js. 如果对于问题这个有更好的解决方案,务必请大佬指定一二安装 PWA 的相关依赖包 yarn 安装 yarn add sw-…

新建vue项目中遇到的报错信息

在npm install的时候会报错,经过上网查阅资料之后,解决方法如下: 0.先升级npm版本:npm install -g npm 有可能是npm版本过低报错 1.然后清理缓存: npm cache clean --force 可能会有之前遗留代码会产生影响,所以先清理缓存 2.再执行 npm config set registry http://registry.cnpmjs.org 3.再执行 npm install 或者直接执行: 0.先升级npm版本:npm install -…

vue使用uglifyjs-webpack-plugin后打包报错

楼主最新对已做项目进行打包优化,配置了打包环境下去除console.log语句插件---使用uglifyjs-webpack-plugin具体代码如下 npm install uglifyjs-webpack-plugin -D const UglifyJsPlugin = require('uglifyjs-webpack-plugin') configureWebpack: config => { if (isProduction) { config.plugins = config.plu…

前端vue项目执行npm install 报错cd() never called()

前端我刚开始接触Vue,从GitHub上下载了代码程序,但缺少一些插件,用vscode打开并下载插件执行报错cd() never called! 解决的方式 1.执行cmd命令行不要再vscode里执行,因为哪个不一定是管理人员模式打开的. 2.用管理员身份打开cmd命令行,目录定位到程序的文件上,随后执行npm cache clean -f清理一下. 3.随后再执行一下npm install它就成功了,而且正常下载,最后再执行一下npm run dev ,项目正常运行,OK了.说明还是得要管理…

vue项目进入mui.js报错 typeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode .....

在做项目时,引用mui报错如下看样子就是不支持严格模式吧. 解决方法是在根目录下的.babelrc文件里面添加过滤掉.不用严格模式…

vue项目npm run dev 报错Uncaught SyntaxError: Unexpected token <

目前代码所处位置是micro分支,该分支是从dev分支直接拉下来进行npm run dev的,而dev分支是可以正常运行的,网上的诸多解释是babel转义时候报错,其实对比可见,两个分支不同的地方应该是node_moduels依赖,所以解决方案就是:将micro分支的依赖删除重新install. 然而事实并非想象的那么简单,昨天进行了node_modules的删除重新install后,问题仍然没有解决,后来在本地重新建立了新的文件夹,git clone远程仓库代码,进行install依赖之后,开…

vue项目npm run dev 报错error in ./src/main.js Module build failed: Error: Cannot find module 'babel-plugin-syntax-jsx'

问题: vue 项目npm run dev运行时报错,如下图: 原因: 缺少相应的组件解决办法: 安装相应组件: npm install babel-plugin-syntax-jsx --save-dev 安装完成再次执行npm run dev…

vue项目npm run dev 报错error in ./src/main.js Module build failed: ReferenceError: Unknown plugin "transform-vue-jsx" specified in......

问题: vue项目npm run dev运行时报错,如下图: 原因: 缺少组件解决办法: 安装相应的组件: npm install babel-plugin-transform-vue-jsx --save-dev 然后再次运行:npm run dev…

vue项目npm run dev报错events.js:160 throw er; // Unhandled 'error' event listen EADDRINUSE :::8002

出错情况,如下图: 报错原因: listen EADDRINUSE :::8002 意思是当前8002端口被占用解决办法: 一:简单粗暴:关掉可能影响的相关程序,重新执行启动. 二: 1.Win+R,cmd查询使用的端口号是否被占用: 输入命令:netstat -aon|findstr "8002" 按回车显示占用8080端口对应的程序的PID号:如下图: 2.根据PID号找到对应的程序: 输入命令:tasklist|findstr "12452" 按回车后显示出…

Vue项目在IE浏览器报错polyfill-eventsource added missing EventSource to window

已经安装了babel-polyfill,依然报错.…

【bcrypt】vue项目中bcrypt安装报错

[报错] 报错时安装方法: npm install bcrypt [解决方法] npm install bcryptjs 用 bcryptjs 替换 bcrypt 即可.…

【转】】Vue项目部署tomcat，刷新报错404解决办法

转自[https://blog.csdn.net/g631521612/article/details/82835518] 解决方式: - 在tocmat的webapps下的项目中创建WEB-INF文件夹,在文件夹中创建文件web.xml.格式如下: - web.xml内容如下: <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/…

Vue打包发布到Tomcat后，刷新报错404解决方法

在应用下面加 WEB-INF 建 web.xml 内容如下 <?xml version="1.0" encoding="ISO-8859-1"?> <web-app xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="ht…

spring boot成功启动后访问报错404的问题

Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Wed Dec 14 16:35:25 CST 2016 There was an unexpected error (type=Not Found, status=404). No message available 原因是[Application启动类放的位置不对]要将…

vue项目在IE下报错"strict 模式下不允许一个属性有多个定义"

待解决:…

vue项目在IE9下报错 “requestAnimationFrame”未定义

在main.js里面添加: (function () { var lastTime = 0; var vendors = ['ms', 'moz', 'webkit', 'o']; for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];…

vue 项目部署后刷新一下页面找不到解决

1.修改配置router的参数 (效果不好) 2. (不能解决出现403) 后端配置例子 Apache <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </…

vue项目post请求405报错解决办法。

步骤一: 确定ajax语法没有错误. 步骤二: 与后台对接确认请求是否打到nginx上? 步骤三: 检查nginx是否配置了事件转发,比如我们的接口是在,当前地址的8100端口上,并且接口地址上有v1这个唯一标识,按照下图配置,即可解决此问题.…

maven创建spring项目之后，启动报错java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderListener

出错情景:maven中已经加载了spring的核心包,但是项目启动时,报错: org.apache.catalina.core.StandardContext listenerStart严重: Error configuring application listener of class org.springframework.web.context.ContextLoaderListenerjava.lang.ClassNotFoundException: org.springframewor…

angular4.0项目build发布后，刷新页面报错404

angular4.0项目执行npm run build后,进入页面正常显示. 但是当刷新页面时,报错404,页面未找到. 出现这个问题的原因,应该是找不到路由地址导致的,然后找到了下面的解决方案. 找到app.module.ts文件,这个是根模块.在模块中加入HashLocationStrategy和LocationStrategy服务. // 1.引入HashLocationStrategy.LocationStrategy服务 import {HashLocationStrategy, Lo…