vue项目文件夹上传到空间无法访问

vue项目文件夹上传到空间无法访问

我把vue项目文件夹上传到自己的服务器无法访问,是什么原因?

路由已经设置根目录了,为什么直接访问根目录无显示?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,vue项目不能直接在服务器进行访问,需要打包之后才可以。

将config/index.js文件中的打包路径修改为./相对路径

http://img1.sycdn.imooc.com//climg/5fd6e300094bf4e506900245.jpg

然后使用 npm  run  build 进行打包,在项目下会生成dist目录

http://img1.sycdn.imooc.com//climg/5fd6e32c09a6774501400022.jpg

将dist文件夹放在服务器上就可以访问了,里面有index.html 。

自己试一下,祝学习愉快!

  • 人生的起源 提问者 #1

    我把上传的作业拿来试,一直提示出错


    上传作业前,我先将node_modules文件夹删除了,现在重新在项目文件夹里安装依赖,就提示出错,卡在这步了

    http://img1.sycdn.imooc.com//climg/5fd6ea3109d1bcd105950376.jpg


    没安装依赖直接改路径打包也提示出错,该怎么做呢现在?

    2020-12-14 12:30:12
好帮手慕星星 2020-12-14 14:47:19

同学你好,打包的时候,node_modules文件夹不需要删除,直接打包。

另外从粘贴的图中无法找出问题所在,建议将已打开的cmd停掉,然后如果打包过,将dist目录删除,将node_modules文件夹删除,然后npm install 安装依赖,看看能够正常启动项目。

祝学习愉快!

  • 提问者 人生的起源 #1

    之前是为了提交作业,才将node_modules文件夹删掉


    现在重新安装完依赖,运行cnpm run dev的时候,会弹出下面的错误提示:
    http://img1.sycdn.imooc.com//climg/5fd718960961d23800000000.jpg


    然后就卡在下面这步不动了

    http://img1.sycdn.imooc.com//climg/5fd6ea3109d1bcd105950376.jpg


    这要怎么解决呢?我现在连项目都无法运行了

    2020-12-14 15:50:32
  • 提问者 人生的起源 #2

    再补充一张图
    http://img1.sycdn.imooc.com//climg/5fd719d409de7c2305950376.jpg


    拉到上面看是这样的,记得以前项目能运行的时候,是有一个95%什么的,现在在94%这边就出错了

    2020-12-14 15:53:58
  • 提问者 人生的起源 #3

    我已经找到原因了,现在已经打包完生成dist目录了

    是不是dist目录里的文件,就等于我们常规建站,站点根目录里的文件一个意思?

    2020-12-14 16:42:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师