在vue项目完成后打包上线,放到服务器上发现js和css引入不到,页面加载不出来。
在使用vue-cli3
以上版本构建的应用时,跟以下方式api
有些区别:
如何区分是哪个版本? 可查看项目中是否有config
文件夹即可,没有就是vue-cli3
以上版本,需要在项目根目录下 创建vue.config.js
文件。
vue-cli3
以上版本
module.exports = {/* 其他配置信息... */publicPath: '/xxx/' /* * `publicPath` 里面的内容就是配置路径,如果你在服务器根目录下创建一个* `newproject`文件夹,那么就需要配置成`/newproject/`。* 那么访问路径就是`/newproject`*/}
vue-cli3
以下版本
需要在vue 项目的config
文件夹的index.js
文件里面配置对应的路径。
build: {assetsPublicPath: '/xxx/' // 默认为'/' }