使用express搭建服务器访问vuecli3页面中遇到的问题

1. 指定服务器地址:

在vue.config.js中配置,可以在前端文件中访问后台资源

devServer: {

proxy: 'http://localhost:3000'

},

2.打包完成后需要将dist放在根目录,设置静态文件夹app.use(express.static('./dist'));

3.无法正常在url中输入路径使用路由跳转前端页面:

 安装connect-history-api-fallback中间件:

cnpm install --save connect-history-api-fallback

在设定静态文件访问目录之前使用该中间件:

var history = require('connect-history-api-fallback');

。。。

app.use(history());

至此就可以解决路由问题啦,更多用法可以参考connect-history-api-fallback库的理解

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值