vue 2 - 필요 에 따라 변경

webpack 설정

...
resolve: {
    ...
    alias: {
        ...
        //         
        '@': resolve('src'),  // ../src
        '_V': resolve('src/views'), // ../src/views
        '_C': resolve('src/components') // ../src/views/components
    }
...

config

...
dev: {
    //          ，    ，               
    port: 3000,
...

src

src
    components  //     
    router      //    
    assets      //     
    views       //     
    App.vue     // app   
    main.js     //     

주소 표시 줄 의 \ #

제거

// router/index.js   mode history
export default new Router({
  mode: 'history',
  routes: [
    ...
  ]
})

테스트 루트

//   src/views/Demo.vue


export default {
    name: 'demo',
    data() {
      return {
        msg: 'Hello Vue 2.0'
      }
    }
}
// router/index.js      
import Demo from '_V/Demo'
export default new Router({
  mode: 'history',
  routes: [
    //     
    { path: '/', component: Demo, name: 'demo' },
    //     ，    /
    { path: '*', redirect: '/' }
  ]
})
</code></pre> 
 <p>  ：</p> 
 <p></p> 
 <div class="image-package"> 
  <div class="image-container" style="max-width: 700px; max-height: 115px;"> 
   <div class="image-view"> 
    <a href="https://img.  .com/image/info10/ead7ff4f4d1c483b8a7ebf6b2d87edc4.jpg" target="_blank"><img src="https://img.  .com/image/info10/ead7ff4f4d1c483b8a7ebf6b2d87edc4.jpg" width="650" height="85"></a> 
   </div> 
  </div> 
  <div class="image-caption">
          
  </div> 
 </div> 
 <br>                 ，       
 <code>'/'</code>。 
 <p></p> 
 <p>   ： vue2 —   vue-cli  vue2  <br>    ： vue2 —   </p> 
</article>
                            </div>
                        </div>
                    </div>
                    <!--PC WAP    -->
                    <div id="SOHUCS" sid="1243893138070818816"></div>
                    <script type="text/javascript" src="/views/front/js/chanyan.js">