vue前台显示500和405错误的解决(springboot为后台)

目录
  • vue前台显示500和405错误
  • vue常见报错原因收集

vue前台显示500和405错误

如图,500错误一般是后台接口有问题,要检查接口代码。

405问题,因为我写了后台接口并改了配置文件(后台为springboot)后没有重新启动后台,重启后台就好了。

vue常见报错原因收集

1.throw er; // Unhandled ‘error’ event => 出现这种错误一般就是已经运行的另一个服务器使用了相同的端口,换一个端口就可以了。有些时候,webstrom里开了两个Terminal也会有这个问题;

2.npm run dev没有报错,但是浏览器没有打开。

因为config里面的index.js里面设置了浏览器不自动打开;把一下的false改为true就可以了

autoOpenBrowser: false,

3.运行js文件的时候因为nodejs目前不支持es6的import模块,会出现Unexpected token import的报错;解决的办法

用require代替import;

import Vue from ‘vue';

改成 =>

const Vue =require(“vue”);

以上为个人经验,希望能给大家一个参考,也希望大家多多支持我们。

(0)

相关推荐

  • 基于vue实现网站前台的权限管理(前后端分离实践)

    Javascript做为当下的热门语言,用途很广泛,从前端到后端处处可见其存在,该技术如今在我们项目内部也大量使用来开发诸如CMS系统以及其他其他一些数据分析系统的前端页面,为此个人非常感兴趣并将其作为帽子卡的扩展内容来进行课余学习. Javascript框架鳞次栉比,但基本原理大致相同,因此选用国内人开发的vue.js进行一个初步的尝试.学习vue.js也一周多的时间了,说起vue的主要用法,无外乎Declarative Rendering.Component System.Client-si

  • Vue2.0使用过程常见的一些问题总结学习

    最近在学习Vue,今天正好写个学习笔记,把以前遇到的错误给总结一下. Vue目前的的开发模式主要有两种: 1.直接页面级的开发,script直接引入Vue 2.工程性开发,webpack+loader或者直接使用脚手架工具Vue-cli,里面的文件都配置好了 webpack可以进行配置,配置多文件入口,进行多页面开发 第二种Vue开发,结合webpack打包完文件会很大,怎么解决这个问题? 1.webpack代码拆分:code-spliting 2.提取公共(如提取css,js) 3.预渲染:使

  • vue上传文件formData入参为空,接口请求500的解决

    目录 1.首先封装axios请求 2.vue文件点击上传按钮 接下来贴出解决的方案 long long long time no see,最近遇到个奇葩的问题来记录下,不知道有没有小伙伴和我一样崩溃过. 写了三年代码,上传这么简单的功能.第一次遇到前端入参fromData请求接口报500的问题,百度了好多资料尝试也没有解决.后台一直说我前端的问题,于是debugger一步一步查. 下面来看看报错代码的流程,用你们的丰富经验和火眼金睛帮忙看下到底错在哪里了?! 本项目用的是vue-cli3脚手架搭

  • vue前台显示500和405错误的解决(springboot为后台)

    目录 vue前台显示500和405错误 vue常见报错原因收集 vue前台显示500和405错误 如图,500错误一般是后台接口有问题,要检查接口代码. 405问题,因为我写了后台接口并改了配置文件(后台为springboot)后没有重新启动后台,重启后台就好了. vue常见报错原因收集 1.throw er; // Unhandled ‘error’ event => 出现这种错误一般就是已经运行的另一个服务器使用了相同的端口,换一个端口就可以了.有些时候,webstrom里开了两个Termi

  • Javaweb 500 服务器内部错误的解决

    如下所示: java jdk版本问题,假如你自己电脑运行正常,那你配置服务器环境的时候,jdk也要换成和你自己电脑一样的版本,我的是jdk8,我已经完美的解决了. 补充知识:JavaWeb:WEB服务器 WEB WEB,在英语中web即表示网页的意思,它用于表示Internet主机上供外界访问的资源. Internet上供外界访问的Web资源分为: 静态web资源(如html 页面):指web页面中供人们浏览的数据始终是不变. 动态web资源:指web页面中供人们浏览的数据是由程序产生的,不同时

  • 关于javaWeb中405错误的解决方法

    今天写了一个servlet,可是一直405报错,开始以为web.xml里面的servlet配置有问题,可是那样的话应该报404错误啊 最后才发现在重写doPost和doGet方法的时候,写成了dopost和doget,因为java对大小写很敏感,故相当于没有重新httpservelt里面的方法. 反思:编程需谨慎!!! 以上这篇关于javaWeb中405错误的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • vue项目打包发布后接口报405错误的解决

    目录 vue项目打包发布后接口报405 vue项目打包之后接口出现错误问题 错误信息 关键代码 解决方式 vue项目打包发布后接口报405 vue项目前端做了代理打包后后台不识别报405 not allowed vue.config.js文件配置   devServer: {     // host: "0.0.0.0", //项目运行时的本地地址     // port: 8880, // 端口号     //proxy:{'/api':{}},代理器中设置/api,项目中请求路径为

  • Nginx静态文件响应POST请求 提示405错误的解决方法

    例1:用linux下的curl命令发送POST请求给Apache服务器上的HTML静态页 复制代码 代码如下: [root@localhost ~]# curl -d 11=1 http://www.jb51.net/index.html    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">   <HTML>       <HEAD>           <TITLE>405 Meth

  • 收集整理的http/1.1 500 server error错误的解决方法

    第一种: 可能是下面的三种情况,原因是这些组件可能受到了破坏,依次在运行里面输入试试 regsvr32 %windir%/system32/jscript.dll regsvr32 %windir%/system32/vbscript.dll C:\WINDOWS\Microsoft.NET\Framework\v1.1.4322\aspnet_regiis.exe -i  dotnet版本号现在有三种,你装的哪一个就改成哪一个 v1.1.4322 v1.0.3705 v2.0.50727 第二

  • SpringMVC跨服务器上传文件中出现405错误的解决

    目录 SpringMVC跨服务器上传文件中出现405错误 重点来了~ SpringMVC跨服务器上传文件中出现405错误 下面是 应用服务器 的代码 package com.itheima.controller; import com.sun.jersey.api.client.Client; import com.sun.jersey.api.client.WebResource; import org.apache.commons.fileupload.FileItem; import or

  • iis的http 500内部服务器错误的解决

    IIS500错误,是因为微软的一个BUG所造成的.下面是解决办法: 主要是由于IWAM账号(在我的计算机即是IWAM_MYSERVER账号)的密码错误造成了HTTP 500内部错误. 在详细分析HTTP500内部错误产生的原因之前,先对IWAM账号进行一下简要的介绍:IWAM账号是安装IIS5时系统自动建立的一个内置账号,主要用于启动进程之外的应用程序的Internet信息服务.IWAM账号的名字会根据每台计算机NETBIOS名字的不同而有所不同,通用的格式是IWAM_MACHINE,即由"IW

  • HTTP 500内部服务器错误的解决方法(重装IIS)

    1. 运行:regsvr32 %windir%/system32/vbscript.dll (其实这一步也可以省,确保万一,还是执行吧) 2. 运行:msdtc -resetlog 3. 重新安装IIS 注释: 1. 微软只随IIS5提供了一个管理脚本adsutil.vbs,这个脚本位于C:inetpubadminscripts子目录下,首先注册vbscript.dll. 2. msdtc.exe是微软分布式传输协调程序.该进程调用系统Microsoft Personal Web Server和

  • 解决SpringBoot在后台接收前台传递对象方式的问题

    问题描述 前台传递对象,不管是通过ajax请求方式,还是axios请求方式.后台应该怎么接收对象处理呢? 比如前台传递 ajax方式: $.ajax({ url: "后台的方式", async: false, type: "POST", dataType : "json", data: JSON.stringify(formParamObj), contentType:'application/json;charset=utf-8', succe

随机推荐