vuejsパッケージ化されたファイルをspringbootに統合

2775 ワード

vuejsパッケージ化されたファイルをspringbootに統合


1.vuejsのconfig/indexを修正する.js、中にassetsPublicPathを見つけて、/dist/、覚えておいてください.build:{}ここのもので、上のdev:{}のものではありません.
build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: '/dist/',

2.npm run buildを実行すると、vuejsプロジェクトディレクトリにdistフォルダが表示されます.3.このdistフォルダをspringbootのresources/static/、覚えておいてください.dist全体がフォルダと一緒にcopyされています.4.プロジェクト導入thymeleaf依存
<dependency>
	<groupId>org.springframework.boot</groupId>
	<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

localhost/dist/indexにアクセスします.html/#/でいいです
ブログ参照https://blog.csdn.net/u014054437/article/details/79981307#commentBox