如何运行vue3并部署 并解决Cannot GET /的问题

于 2024-08-02 17:44:34 发布
阅读量176 收藏
点赞数 2
分类专栏： jxw项目 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36152801/article/details/140876710
版权

在package.json

运行npm run dev 

如果要部署：npm run build

复制文件：

开一个nginx:

放入nginx中：

最后展示：

如果运行：

就会报错：Cannot GET / 的情况：

克里斯蒂亚诺更新
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue框架下部署上线后刷新报404问题解决方案
qq_15859173的博客
01-25 380
vue框架下部署上线后刷新报404问题解决方案 Apache配置 nginx配置 vue history模式下nginx配置 原生 Node.js 基于 Node.js 的 Express Internet Information Services (IIS) Caddy Firebase 主机 最后 Apache配置 nginx配置 location / { try_files $uri $uri/ /index.html; } vue history模式下nginx配置 服务端nginx的一开始配置如下
vue-cli3没有config文件解决方案，在根目录加上vue.config.js文件
qq_30108237的博客
05-29 5360
之前遇到vue打包后白屏，解决办法都是修改config文件，cli3没有该文件需要手动创建。 白屏的问题，打包后的index.html中JS都是根目录的，所有打包后不放根目录找不到其他js文件。可以通过新建并配置config.js来完成 官方vue-cli 3，精简很多文件，其中包括没有了cli2中的config目录，所以需要更改之前cli2中config中相关的配置文件。 需要在cli3项目根目录下新建文件vue.config.js来写,注意不是src目录，是根目录 module.exports = {
vue项目启动出现cannot GET /服务错误的解决方法
10-15
主要介绍了vue项目启动出现cannot GET /服务错误的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue项目启动后页面显示‘Cannot GET /’
weixin_45721912的博客
05-09 1348
1、npm run dev命令启动项目的时候没有报错，页面打开却提示 Cannot GET / 2.这个时候只需要找到config文件夹下面的index.js文件。把assetsPublicPath字符串的：‘./’修改成 ‘/’就行了。修改完之后记得关闭项目，然后重新启动。不然不会生效
vue 出现 Cannot GET / 的问题
Macao7_W的博客
08-15 1611
vue 出现 Cannot GET / 的问题
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 /
m0_46250348的博客
07-27 411
一个页面写错导致
详解vuejs中执行npm run dev出现页面cannot GET/问题
11-21
在Vue.js项目开发过程中，使用`npm run dev`启动开发服务器时，有时会遇到"Cannot GET/"的问题。这个问题通常与项目配置，特别是与Webpack配置和路由设置有关。下面我们将深入探讨这个问题及其解决方案。 首先，...
vue Cannot GET /
07-11
解决这个问题的方法取决于你使用的具体技术栈和部署方式。以下是一些常见的解决方法： 1. 确保你已正确配置了Vue Router。在Vue项目中，你需要在`src/router/index.js`或类似的文件中定义路由规则。确保你已经正确...
vue网址显示Cannot GET / Failed to load resource: the server responded with a status of 404 (Not Found)
最新发布
07-08
当你看到 Vue 应用程序的 URL 显示 "Cannot GET /" 并且报 404 错误，通常这意味着服务器无法找到你请求的页面。这可能是由于以下几个原因： 1. **路由配置错误**：Vue Router 的配置可能存在问题，比如没有设置...
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....
vue Cannot GET /的问题
weixin_41336523的博客
10-02 801
vue Cannot GET /的问题 再很久没有运行vue的某个项目的时候，npm run dev之后首页报错，用的是webpack-simple创建的项目，原因是不小心把这个删了 - -。真是粗心 ...
Vue项目中出现cannot get/的解决办法
林中明月间丶
01-08 8718
https://blog.csdn.net/tiantiandashi/article/details/81366315 听说是要重装安装request模块，执行： npm remove request npm install requset 搞定！感动天感动地。 npm run dev，去浪~ ...
vite项目npm run serve启动报错Cannot GET /（vue3）
Xiang_Gong_Ya_的博客
12-09 1431
【代码】vite项目npm run serve启动报错Cannot GET /（vue3）
vue启动服务Cannot GET /问题
菜菜的博客
09-01 1143
在启动vue项目时，出现Cannot GET /提示，原因是之前修改了config下index.js的assetsPublicPath 错误提示： Refused to load the image 'http://localhost:8075/favicon.ico' because it violates the following Content Security Policy direct...
vue 项目启动报错“Cannot GET /”
ansheng02的博客
05-12 1157
vue3 项目运行cannot get /
09-06
"Cannot get /"是一个常见的错误信息，它表示当前项目无法获取到指定的路径。通常情况下，该错误是由以下几个原因引起的： 1. 路由设置错误：Vue3使用了Vue Router来进行页面路由管理。如果在路由设置中没有正确定义"/"路径，就会出现此错误。请检查路由文件是否正确配置，并确保有一个指向根路径的路由。 2. 配置问题：这个错误也可能是由于Vue3项目的配置问题引起的。请确保您的项目的入口文件中有一个正确的根路径配置，并且需要正确设置服务器的运行环境。 3. 编译问题：在开发过程中，如果您修改了项目的路由设置或者其他相关文件，需要重新编译项目。可以尝试停止服务器，重新编译项目并重新启动服务器，看是否能够解决该问题。 如果上述方法都没有解决该问题，您可以尝试以下步骤： 1. 检查项目的依赖项是否安装正确。 2. 检查服务器是否正确运行。 3. 检查是否存在其他错误信息，如是否缺少某个模块或文件。 4. 查找相关的错误解决方案或者在开发社区中寻求帮助。 总结来说，"Cannot get /"错误通常是由于路由配置、项目配置或者编译问题引起的。请仔细检查相关配置和代码，并根据具体情况采取相应的解决方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值