vue项目启动出现cannot GET /服务错误

出现 Cannot GET/: 

控制台中并没有报错;npm run dev命令行窗口也没有报错。 

原因

在网上查了一堆,发现这个问题还挺多呢,而且各个回答的解决方式都竟然有许多不同…

于是把能改的地方都改了…(基本上相当于将配置信息改回来)

  • 关闭 history 模式

关闭history模式,用/#/路由的方式开启,(history模式要跑在服务端里面); 

  • 更改端口号

更改端口号(没改的话打开原端口号自动加上登陆次数) 

  • config/index.js文件中修改assetsPublicPath

‘use strict‘
// Template version: 1.3.1
// see http://vuejs-templates.github.io/webpack for documentation.

const path = require(‘path‘)

module.exports = {
dev: {

// Paths
assetsSubDirectory: ‘static‘,
assetsPublicPath: ‘/‘,
proxyTable: {},

原文地址:https://www.cnblogs.com/h2zZhou/p/9608020.html

时间: 2024-08-30 15:54:47

vue项目启动出现cannot GET /服务错误的相关文章

vue项目启动时突然出现漏洞错误(!未解决)

记录一下前几天发生的事情. 启动项目突然出现个错误: 看了一下,提示有漏洞,那就修补呗,按照他的提示一步一步做下去之后,发现还是不行, 他说必须要按照他的指定版本,那就按指定的呗,在一步步做下去之后,还是不行,感觉就没个头,后来百度了好多,还是没找到,然后干脆放弃了,还好那个项目里的内容不多. 不过,现在我还没有想明白是什么原因.有知道的小伙伴欢迎留言哈~ 原文地址:https://www.cnblogs.com/yuanyuanya/p/11414307.html

从github下载的vue项目启动宝Cannot Get错误

从github下载的vue项目启动宝Cannot Get错误,网上参考出现该错误来源很多,这里先总结遇到的第一个解决方法. 参考地址: https://www.cnblogs.com/anns/p/7457952.html 代码修改如下: 在config->index.js中修改 assetsPublicPath: '/', 为 assetsPublicPath: './', 再执行 npm run dev ,问题解决 build: { env: require('./prod.env'), i

vue 项目启动报错:Cannot assign to read only property 'exports' of object '#<Object>'

最近做项目,打开一个新项目,在启动时报错 查询百度结果是 在webpack打包的时候,可以在js文件中混用require和export.但是不能混用import 以及module.exports. 因为webpack 2中不允许混用import和module.exports, 但是在经过我试验之后,发现不起作用,再去百度,发现一个解决办法: 执行npm: npm install babel-plugin-transform-es2015-modules-commonjs 然后在 babelrc文

VUE项目 启动提示 npn ERRT nissing script: dev解决办法

VUE项目 启动提示 npn ERRT nissing script: dev 提示 丢失 dev 解决办法 首先 查看项目目录里面的 package.json 文件, 文件内容如下: 发现红框这里是 server  那么就重新运行 cmd     重启命令:npm  run serve 如果上面红框是 dev   那么就重新运行 cmd           重启命令:cnpm run dev. 以上两步都是在依赖包安装的情况下就行 如果不放心依赖包是否完整 那就重新安装如下:  第一种情况se

Vue项目打包后背景图片路径错误

vue项目打包之后背景图片出错的解决方案如下: 1,找到 config->index.js里面,如下修改 默认配置: env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: '/', 修改为: env

vue 项目启动时npm run dev 报错

PS D:\VS-workpase\maishou-c> npm install [email protected] > [email protected] install D:\VS-workpase\maishou-c\node_modules\node-sass> node scripts/install.js Downloading binary from https://github.com/sass/node-sass/releases/download/v4.9.0/win

vue项目搭建和开发流程 vue项目配置ElementUI、jQuery和Bootstrap环境

目录 一.VUE项目的搭建 1. 环境搭建 2. 项目的创建和启动 二. 开发项目 1. 配置vue项目启动功能 2. 开发vue项目 (1)项目文件的作用 (2)vue项目开发流程 (3)vue项目的请求生命周期 三.vue项目中的功能 1. 路由相关的标签和方法 2. 路由配置 (1)无路由传参的路由配置方法 (2)路由传参的路由配置方法 3. 页面的跳转功能 (1)标签跳转 (2)逻辑跳转(路由跳转) 四.JS原型 五.vue组件生命周期钩子 六.vue的ajax插件:axios 七.vu

Vue框架(三)——Vue项目搭建和案例

Vue项目环境搭建 1) 安装node,在官网下载好,然后在本地安装 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ 2) 换源安装cnpm >: npm install -g cnpm --registry=https://registry.npm.taobao.org 3) 安装vue项目脚手架 >: cnpm install -g @vue/cli 注:2或3终端安装失败时,可以清空 npm缓存 再重复执行失败的步骤 npm cache clean --f

Vue项目环境搭建

Vue项目环境搭建 """ node ~~ python:node是用c++编写用来运行js代码的 npm(cnpm) ~~ pip:npm是一个终端应用商城,可以换国内源cnpm vue ~~ django:vue是用来搭建vue前端项目的 ? 1) 安装node 官网下载安装包,傻瓜式安装:https://nodejs.org/zh-cn/ ? 2) 换源安装cnpm >: npm install -g cnpm --registry=https://registr