在vue项目完成后打包上线,放到服务器上发现js和css引入不到,页面加载不出来。

在使用vue-cli3以上版本构建的应用时,跟以下方式api有些区别:

如何区分是哪个版本? 可查看项目中是否有config文件夹即可,没有就是vue-cli3以上版本,需要在项目根目录下 创建vue.config.js文件。

  • vue-cli3 以上版本
module.exports = {
	/* 其他配置信息... */
	publicPath: '/xxx/'   /* 
						  *  `publicPath` 里面的内容就是配置路径,如果你在服务器根目录下创建一个
						  *  `newproject`文件夹,那么就需要配置成`/newproject/`。
						  *  那么访问路径就是`www.test.com/newproject`
						  */
}
  • vue-cli3 以下版本

需要在vue 项目的config文件夹的index.js文件里面配置对应的路径。

build: {
	assetsPublicPath: '/xxx/' // 默认为'/' 
}

Logo

前往低代码交流专区

更多推荐