引入步骤如下:
1.public下面建立static,引入一下文件
2.更改 引入的map_load.js文件内容,imgext内容为引入离线瓦片的图片格式,tiles_dir为离线瓦片存放位置
3.引入npm install vite-plugin-html
4.vite.config.ts引入以下内容
import { defineConfig,loadEnv } from "vite";
import vue from "@vitejs/plugin-vue";
import { createHtmlPlugin } from 'vite-plugin-html';
export default defineConfig({
server: {
host: "0.0.0.0",
port: 1800,
proxy: {
// 后端接口代理
'/api': {
target: '********************',
changeOrigin: true,
rewrite:(path) => path.replace(/^\/api/,'')
},
// minio代理
'/jxgl-dev/': {
target: '********************'
},
},
},
plugins: [
vue(),
createHtmlPlugin({
inject: {
data: {
injectMapScript: `<script src="/static/map_load.js"></script>`,
},
},
minify: true,
})
],
});
5.index.html引入<%- injectMapScript %>
6.vue页面使用