在nuxt2进行打包的时候,遇到图标不出现
解决办法
- 第一步:在nuxt2中nuxt.conifg.jd中使用srcDir: 'src/',把所有文件放在src下面,
nuxt.config.js
js
import path from 'path'
export default {
// Global page headers: https://go.nuxtjs.dev/config-head
head: {
title: 'e',
htmlAttrs: {
lang: 'en'
},
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: '' },
{ name: 'format-detection', content: 'telephone=no' }
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
},
// Global CSS: https://go.nuxtjs.dev/config-css
css: ['element-ui/lib/theme-chalk/index.css'],
srcDir: 'src/',
alias: {
'@': path.resolve(__dirname, './src/'),
'~': path.resolve(__dirname, './src/')
},
// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
plugins: ['@/plugins/element-ui'],
// Auto import components: https://go.nuxtjs.dev/config-components
components: true,
// Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
buildModules: [
// https://go.nuxtjs.dev/eslint
'@nuxtjs/eslint-module'
],
// Modules: https://go.nuxtjs.dev/config-modules
modules: [
// https://go.nuxtjs.dev/axios
'@nuxtjs/axios'
],
// Axios module configuration: https://go.nuxtjs.dev/config-axios
axios: {
// Workaround to avoid enforcing hard-coded localhost:3000: https://github.com/nuxt-community/axios-module/issues/308
baseURL: '/'
},
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
transpile: [/^element-ui/]
// publicPath: '/assets/'
}
}
目录结构
-
第二步:这个时候进行打包发布,会找不到
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }]
, -
第三步:在上传文件到服器的时候,需要上传以下几个文件
上传到服务器就是这样,static这个文件必须放在src下面
- 第四步:接下来就可以直接yarn,然后yarn start,就可以访问到了(前提是已经配置好了nginx进行转发,进行转发的时候,不要忘记配置服务器端口)