当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue前端cli3脚手架实现多页面配置

vue前端cli3脚手架实现多页面配置

2020年08月01日  | 移动技术网IT编程  | 我要评论

1.先在src下创建个文件夹，我的文件夹名字叫view，然后再文件夹中再创建两个文件夹，一个是index，另一个是想跳转出来的多页面，我的多页面文件夹名字叫dingding。
2.然后把public目录下的、src目录下的main.js、App.vue挪到index文件夹中。然后改一改里面的路径（就是改路径这一步困住了我两天。有一个地方没改就一直没出来）
3.把上面的三个文件也复制进dingding文件夹中，但是要把里面的内容都删掉，让那三个文件变成新文件。

在这里插入图片描述
4.在项目的根目录下新建vue.config.js文件
在这里插入图片描述
5.在vue.config.js文件写配置信息
在这里插入图片描述
6.检查index文件夹和dingding文件夹里的路径有没有写对，我就是index文件夹中的App.vue中import那里的路径少写了。。/文件就一直没运行成功。
7.如何引用，如下图
在这里插入图片描述
直接a href /xxxx 就行 不用再写相对路径，这里对应的是vue.config.js文件中写的配置信息。

以上就是简单的vue3.0多页面配置法。

本文地址：https://blog.csdn.net/qq_44497296/article/details/107692381

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网