vue.js - vue-cli编译之后引用css和js文件报错

查看:135
本文介绍了vue.js - vue-cli编译之后引用css和js文件报错的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

我用koa做的后端,项目结构是这样的:

前端页面资源啥的都在./dist里,打开页面之后,报错如下:

在编译之前改了config/index里的build/assetsPublicPath也没有用,首页的url是localhost:8088/backend,页面已经正常渲染了,就是资源文件的路径有问题,想请问一下路径这块应该怎么弄?thx!

解决方案

谢邀,对 koa 不熟,你可以看看相关项目模板官方文档里关于部署到后端的内容:http://vuejs-templates.github...

如果 koa 与 express 类似,将资源放在 public 目录下,并且使用 app.use(express.static(path.join(__dirname, 'public'))) 类似的语句设置为静态目录,那么你需要将前端打包的目录设置为类似于这里的 public 目录,而不是 dist 目录,可能还需要在 assetsPublicPath 里指定 /backend 之类的路径。

这篇关于vue.js - vue-cli编译之后引用css和js文件报错的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆