<p> 1.安装Cesium开发环境(不能直接引入啦) npm install cesium //多试几次,因为没有翻墙的原因,各种麻烦 2.安装完后,进入node_modules\cesium\Build文件夹中,把编译好的Cesium文件复制到根目录下的static文件夹中,里面应该是有四个文件夹,整个一起复制过去,把Cesium.js删除 3.在build/webpack.base.conf.js中的output中加入sourcePrefix: ' ',让Webpack正确缩进多行字符串。(直接加在最后就好啦,记得前面加上逗号) 4.在build/webpack.base.conf.js下的module中加入unknownContextCritical: false, 5.在build/webpack.base.conf.js下的module中加入unknownContextRegExp: /^.\/.*$/, /* module: { rules: [ ..... ], unknownContextRegExp: /^.\/.*$/, unknownContextCritical: false } */ OK,前面都配置好了,基本上可以使用了。 main.js中引入: import Viewer from 'cesium/Source/Widgets/Viewer/Viewer' import Cesium from 'cesium/Source/Cesium' (这可是我自己找到,哼哼) import buildModuleUrl from "cesium/Source/Core/buildModuleUrl" import 'cesium/Source/Widgets/widgets.css' 这样就能全局使用了 在你的组件中写方法: mounted:function(){ this.buildModuleUrl.setBaseUrl('../static/js/Cesium'); /*这个必须有,不然找不到你的组件哦 */ this.viewer = new this.Viewer('cesiumContainer',{ terrainProvider: new this.Cesium.CesiumTerrainProvider({ url: "http://assets.agi.com/stk-terrain/world", requestWaterMask: true, requestVertexNormals: true }), imageryProvider: new this.Cesium.UrlTemplateImageryProvider({ url: "http://mt1.google.cn/vt/lyrs=s&hl=zh-CN&x={x}&y={y}&z={z}&s=Gali" }), geocoder: false, //搜索 homeButton: false, //主页 地球回正 sceneModePicker: false, //地球平铺 网格 3d/2d选择器 baseLayerPicker: false, animation: false, //是否创建动画小器件,左下角仪表 selectionIndicator: false, fullscreenButton: false, infoBox: false, navigationHelpButton: false, //是否显示右上角的帮助按钮 timeline: false, baseLayerPicker: false //图层选择器 }); } OJBK,这样,你的容器中的地球就可以出来了!!!!! 还有还有,把cesium的源码封装一下吧,容易自己调用 首先:我是在assets文件夹中创建了一个js文件夹, 自己写一个js 取名随意,反正到时候可以设置名称 export function xxx(xxxx){ ... } 在最下面 export default:{ xxx } 最后,在你的组件中引用一下 就OJBK了!!!完美 新手vue ,说的不对大佬指教。 </p>