vue本地访问报错Cannot GET /

最新推荐文章于 2024-05-09 16:26:51 发布
最新推荐文章于 2024-05-09 16:26:51 发布
阅读量719 收藏
点赞数
分类专栏： Vue 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/songzillll/article/details/120452816
版权

问题：

本地访问Vue项目，默认路由。结果报Cannot GET /

解决:

打开config文件夹下面的index.js文件，找到assetsPublicPath，把/.修改为/

原先：

assetsPublicPath: '/.',

修改后：

assetsPublicPath: '/',

再重启项目即可

松子吃松子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
文件的读写基本操作
范高伦的博客
09-07 1万+
一、文件是计算机中数据持久化存储的表现形式 读写文件标准操作格式1： 1、打开文件：file1 = open('文件名','读写模式') 2、操作文件 3、关闭文件：file1.close() 文件操作完毕后必须关闭，否则长期保持对文件的连接状态，造成内存溢出的现象发生 读写文件操作格式2： # 1、打开文件 file1 = open('demo.txt','w') # 2、操作文件 file1.write('hello world') # 3、关闭文件 file1.close() 1、打开文件：wi
vue项目出现 cannot GET/ 的问题总结
似水流年
10-15 4万+
1.没有报错，页面显示cannot GET,经过排查发现config/index.js里的dev做了改动。他想实现pc和移动端跳转，所以修改assetsPublicPath: '/m/'。在移动端访问直接走'/m/#'。直接npm run dev跑不起来，需要改成assetsPublicPath: '/'就好了。 2.报错node出现 Error: listen EACCES 0.0....
Cannot GET / 错误解决
m0_63255661的博客
12-10 1万+
当你遇到代码发布服务器时打包需要改很多配置，但是发布完后，你本地需要调试时，跑不起来的情况吧。问题有可能在这里 第一步：找到build下的webpack.dev.conf.js 第二步：查找关键字“publicPath” 第三步：不论你是"./"还是"/" , 请替换成 config.dev.assetsPublicPath 这样就可以了 然后，你要问了，你那我再次发布怎么办？你可真是个小机灵鬼。你可是程序员啊。 // 本地环境调试路径 config.dev.assetsPublicPath
vue项目启动后页面显示‘Cannot GET /’
最新发布
weixin_45721912的博客
05-09 647
1、npm run dev命令启动项目的时候没有报错，页面打开却提示 Cannot GET / 2.这个时候只需要找到config文件夹下面的index.js文件。把assetsPublicPath字符串的：‘./’修改成 ‘/’就行了。修改完之后记得关闭项目，然后重新启动。不然不会生效
Cannot GET /问题解决
qq_16488609的博客
03-29 5万+
遇到问题如图： 错误描述 Refused to load the image 'http://localhost:8080/favicon.ico' because it violates the following Content Security Policy directive: "default-src 'none'". Note that 'img-src' was not...
vue项目本地启动后出现cannot GET /
weixin_30828379的博客
02-26 1156
vue项目本地启动后出现cannot GET /，报错页面如下 经过一番排查之后发现是配置文件出现错误，以致有的资源找不到。在config目录下的index.js文件中，某段配置信息如下 箭头处加了一个"."，变成"./"，所以资源加载出错了。解决办法就是将"."去掉，还原 接下来运行就没问题了。 转载于:https://www.cnblogs....
Vue项目启动提示Cannot GET /
weixin_42486438的博客
09-09 1万+
1、初始化Vue框架，配置路由启动项目，控制台中并没有报错；npm run dev命令行窗口也没有报错，页面打开却提示Cannot GET / 2、网上查了下资料，有这几种解决方案： 1）、打包的时候会把config文件夹下的assetsPublicPath改成了 "./“ ，再次编译npm run dev却没有改回来 ，去掉 . 改回来就可以 2）、注释掉路由router文件夹下index.js的history模式 3）、把项目重新npm i...
vue项目启动出现cannot GET /服务错误的解决方法
10-15
首先，"Cannot GET /"错误通常出现在尝试访问应用程序的根路径时，但服务器无法正确地响应。在Vue.js项目中，这可能与前端路由设置、Webpack配置或服务器配置有关。 **1. 关闭`history`模式** Vue.js使用`vue-...
详解vuejs中执行npm run dev出现页面cannot GET/问题
10-15
主要介绍了详解vuejs中执行npm run dev出现页面cannot GET/问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
关于vue-resource报错450的解决方案
08-29
关于vue-resource报错450的解决方案 标题解释 本篇文章主要介绍了关于vue-resource报错450的解决方案。Vue-resource是一个基于Vue.js的HTTP请求库，用于处理AJAX请求。报错450是指在使用vue-resource时出现的...
vue 出现 Cannot GET / 的问题
Macao7_W的博客
08-15 1538
vue 出现 Cannot GET / 的问题
nodejs的接口报can not get/
weixin_43647868的博客
03-05 6381
nodejs启动后浏览器页面显示can not get/
vue项目cannot get/的解决办法
xiawenyi1234的博客
08-07 1万+
启动项目报 cannot get/错误， 一般是项目文件引用路径的问题，或者无意删除了已经被import引入的文件 总之 一般是文件路径的问题。 事实上 当你npm run dev之后，除了看浏览器控制台报什么错，还可以从WebStorm编辑器集成的node控制台查看报错信息。这个控制台一般会报类似这样的错误信息：This relative module was not found:后面会加找不到...
vue项目中出现cannot get/的解决办法之一
热门推荐
tiantiandashi的博客
08-02 5万+
最近在撸一个vue项目，本来一切安好的时候，因为想用到jquery，便npm install jquery --save了一波，然后啥配置都不干先启动一下项目，这时候见鬼了，页面竟然变成了cannot get/........................ 这个时候我找了一下网上的办法，都是说要修改config文件夹下面的index.js里面,把  assetsPublicPath: '....
vue项目启动出现cannot GET /服务错误
weixin_34051201的博客
09-08 3533
  出现 Cannot GET/：  控制台中并没有报错；npm run dev命令行窗口也没有报错。  原因 在网上查了一堆，发现这个问题还挺多呢，而且各个回答的解决方式都竟然有许多不同… 于是把能改的地方都改了…（基本上相当于将配置信息改回来） 关闭 history 模式 关闭history模式，用/#/路由的方式开启，（history模式要跑在服务端里面）；  更改端口号 更改端...
vue项目启动之后出现cannot GET /问题
四月
12-16 584
vue项目启动之后出现cannot GET /问题！！！ 今天再测试自己写的VUE代码能不能再服务器正常跑，然后测试完成后想继续修改代码，结果出现了 这个错误，最后发现是自己在部署代码到服务器在打包代码之前自己有修改一些配置。 因为有改config/index.js 里面的assetsPublicPath:'./' 改成了./ 把这个地方改回原来的'/'就好了（注意有2个地方）...
vue项目启动之后出现cannot GET /错误
有问题可关注公众号：前端研究院 后台输入问题回复
06-21 2992
向往常一样，打开项目， 然后出现了Cannnot GET报错 后来百度了下 解决方法如下
后台接口访问不了可能的一个原因
Monicase Blog
04-11 1万+
接口刚写好，Swagger测试就访问不了接口了。查看Chrome开发者工具： 返回200 Provisional headers are shown查看日志信息。2018-04-11 09:15:40.266 INFO 4596 --- [nio-8080-exec-2] o.a.c.c.C.[Tomcat].[localhost].[/] : Initializing Spring...
Vue OpenLayer 添加图例 报错Cannot read properties of undefined (reading 'getCanvas')
11-25
在Vue中添加OpenLayer图例时，可能会遇到“Cannot read properties of undefined (reading 'getCanvas')”错误。这通常是由于在创建地图之前尝试访问OpenLayer的方法或属性而导致的。为了解决这个问题，可以尝试以下几个步骤： 1. 确保在创建地图之前加载OpenLayer库，并且已经正确引入。 2. 确保在创建地图之前，已经正确初始化Vue应用程序，并且已经正确绑定全局属性。 3. 确保在创建地图之前，已经正确创建地图对象，并且已经正确设置图层和控件。 4. 确保在添加图例之前，已经正确创建了图例对象，并且已经正确设置图例的位置和样式。 5. 确保在添加图例之前，已经正确将图例对象添加到地图对象中。 以下是一个示例代码，演示如何在Vue中添加OpenLayer图例： ```javascript <template> <div id="map"></div> </template> <script> import { createApp } from 'vue' import App from './App.vue' import Map from 'ol/Map' import View from 'ol/View' import TileLayer from 'ol/layer/Tile' import OSM from 'ol/source/OSM' import Legend from 'ol-ext/control/Legend' export default { mounted() { const app = createApp(App) const map = new Map({ target: 'map', layers: [ new TileLayer({ source: new OSM() }) ], view: new View({ center: [0, 0], zoom: 2 }) }) const legend = new Legend({ title: 'Legend', style: 'border: 1px solid black; background-color: white; padding: 5px;', margin: 10, maxSize: 20, collapseLabel: '-', expandLabel: '+' }) map.addControl(legend) app.config.globalProperties.$http = axios app.mount('#app') } } </script> <style> #map { width: 100%; height: 100%; } </style> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值