vue 在 webstorm中使用webpack build 之后的dist文件访问不了如何解决?

dist文件访问不了如何解决?

1、安装express-generator生成器

执行 $ npm install express-generator -g 进行安装

2、创建一个express项目

执行 $ express expressDemo (expressDemo是项目名)
注意:可自己定义项目路径,不定义的话默认用户文件夹下
图片:
vue 在 webstorm中使用webpack build 之后的dist文件访问不了如何解决?

3、进入expressDemo目录,安装项目依赖

进入创建的项目目录下执行以下命令
$ cd expressDemo
$ npm install

4、把dist目录下的所有文件复制到express项目的public文件夹下

然后运行 $ npm start 启动expressDemo

打开浏览器,输入 http://localhost:3000 , 就可以看到效果了

注意:解决之后存在问题,之前直接通过href跳转的路由用此方法之后访问页面404,而通过点击事件跳转路由不受影响。